STEP 5 超級(jí)電子琴
選擇執(zhí)行主菜單"舒心享受/超級(jí)電子琴"功能，在屏幕中心就會(huì)出現(xiàn)一個(gè)電子琴(如圖1.4-6)，此時(shí)按動(dòng)鍵盤最上面的二排按健，就奏出了一曲動(dòng)聽的音樂，此時(shí)1234567890-＝那一排對(duì)應(yīng)簡譜中的1234567，五線譜的小字一組cdefgab，往左右是更高或更低的音符。當(dāng)然還可以通過"配置系統(tǒng)/自定鍵盤"命令自己定義鍵盤。盡興的演奏了一番后按動(dòng)"轉(zhuǎn)換樂譜"命令按鈕，在彈出的"五線譜轉(zhuǎn)換設(shè)置"對(duì)話框中(如圖1.4-7)，按動(dòng)"開始轉(zhuǎn)換"按鈕，于是就將剛才演奏的樂曲轉(zhuǎn)換成為了五線譜，如果返回到"主創(chuàng)作系統(tǒng)"可以看見許多的"小蝌蚪"趴在五線譜上。
STEP 6 快樂點(diǎn)歌臺(tái)
在主創(chuàng)作系統(tǒng)中選擇"開心享受/快樂點(diǎn)歌臺(tái)"命令就可以進(jìn)入點(diǎn)歌臺(tái)(如圖1.4-8)，為了調(diào)入磁盤上的MIDI文件，只要把鼠標(biāo)光標(biāo)移動(dòng)到點(diǎn)歌臺(tái)的左側(cè)底部，目錄搜索器就會(huì)出現(xiàn)，指定目錄，點(diǎn)歌臺(tái)將把該目錄下的所有MIDI文件都顯示在點(diǎn)歌臺(tái)上，只需單擊歌名就可開始演奏了。另外單擊"快樂點(diǎn)歌臺(tái)"按鈕，在彈出的對(duì)話框中，還可以為點(diǎn)歌臺(tái)最多添加五張滾動(dòng)的畫面。
第五節(jié) 動(dòng)手制作播放器
一、自制MP3播放器
隨著多媒體技術(shù)的不斷發(fā)展，MP3和CD音樂早已深入人心了。諸如CD播放器層出不窮，MP3播放器更是如雨后春筍一般，眾多的播放器固然很多又很好，但畢竟是別人的，你可能沒有想過制作自己的播放器，我們告訴你這是完全可以的，制作一個(gè)屬于自己MP3播放器，并用來播放音樂的感覺一定很不錯(cuò)。在這里我們向你介紹一個(gè)軟件：Multimedia Builder 4.7，可以用來制作多媒體播放軟件，其最新版本可以到http://mmbuilder.hypermart.net去下載，大小為4.65MB。
好了，接下來跟著我們就動(dòng)手制作自己的MP3播放器吧。
STEP 1 準(zhǔn)備工作
首先需要做好準(zhǔn)備工作，先準(zhǔn)備一幅圖片，也就MP3播放器的外觀界面(如圖1.5－1)。然后啟動(dòng)Multimedia Builder 4.7，程序的主界面從大體上可分為頁面操作區(qū)、頁面列表區(qū)和物件列表區(qū)(如圖1.5-2)，此外還有菜單欄和工具箱等。執(zhí)行主菜單"File/new"命令新建立一個(gè)項(xiàng)目文件，然后雙擊頁面列表區(qū)中的頁面簡圖圖標(biāo)(page1)，于是頁面參數(shù)設(shè)置對(duì)話窗口被打開了(如圖1.5-3)，下面就來為頁面添加剛才準(zhǔn)備的背景圖片。單擊[Load Image]按鈕，在"打開"對(duì)話框中找到已經(jīng)準(zhǔn)備好的播放器外觀界面的圖片，然后單擊打開按鈕，并按[OK]鍵返回到主界面。
STEP 2 項(xiàng)目如何設(shè)置？
下一步就要針對(duì)項(xiàng)目進(jìn)行一些設(shè)置。執(zhí)行主菜單"Project/General Setting"命令，彈出一個(gè)項(xiàng)目設(shè)置對(duì)話窗口（部分窗口如圖1.5-4所示），首先在"Window Size"中設(shè)置好頁面的寬度和高度，使之與背景圖片的寬度和高度相同。在"Window"右側(cè)的文本框中輸入"小胖MP3播放器"，取消"Stand Windows"選項(xiàng)，選中"Window has Custom shape"選項(xiàng)和"movable "選項(xiàng)，這樣做的目的就是讓播放器的窗口不使用Windows的界面控制，而使用圖片控制，就象Winamp播放器那樣。
STEP 3 把物件加進(jìn)去
下面就來為播放器添加各種物件，在工具箱中選取"Fill Retangle"物件，在播放器的中上部分畫出一個(gè)矩形區(qū)域，這個(gè)區(qū)域便是播放器的顯示器。雙擊這個(gè)區(qū)域，彈出一個(gè)物件設(shè)置對(duì)話窗口(如圖1.5-5)，設(shè)置好填充色(Fill)為Light grey，邊線色(Border)為White，邊線類型為SunKen。按[OK]鍵返回，這樣一個(gè)具有立體感的顯示器就做好了。
STEP 4 控制按扭做出來
單擊工具欄的[Wizard]工具按鈕，在彈出的快捷菜單中選擇"Insert mp3 Control"命令，在頁面中添加一組MP3播放器控制按鈕，同時(shí)也自動(dòng)添加了"總時(shí)間顯示"和"播放時(shí)間顯示"提示區(qū)域。分別將兩個(gè)時(shí)間顯示提示區(qū)域移動(dòng)到顯示器的左下方，并將播放器控制按鈕放在顯示器的下方(如圖1.5-6)。
STEP 5 MP3提示信息少不了
下面來為顯示器添加播放歌曲的名稱，選取文本工具(Text)，在顯示器的左上方畫出一個(gè)矩形區(qū)域，并雙擊這個(gè)區(qū)域，在彈出的"Text Properties"文本屬性窗口中的文本區(qū)域輸入"Name:"，然后按OK鍵返回。在剛才新建立的文本右側(cè)再畫出一個(gè)矩形區(qū)域，用以顯示歌曲名稱，雙擊它并打開文本屬性窗口(如圖1.5-7)，單擊"Label"右側(cè)的向右箭頭，在彈出菜單中選擇"CBK_MP3Name"，然后按[OK]返回。這樣在播放MP3音樂的時(shí)候，就會(huì)在提示字(Name:)后面顯示歌曲文件的名稱了。
STEP 6 其他控制更簡單
接下來加入歌曲的控制及類型、模式、速率、位和采樣率等一些信息顯示。向顯示器上添加五個(gè)文本框，分別設(shè)置它們?quot;Label"屬性分別為：CBK_Channels、CBK_MP3Type、CBK_MP3Freq、CBK_BitRes、CBK_MP3Bit。不過，需要在顯示器有限的空間里放下這么多信息，就需要設(shè)置顯示文本的字體大小了，在"文本屬性"窗口中，單擊[Font]按鈕，在彈出的對(duì)話窗口中設(shè)置字號(hào)為六號(hào)字體或者更小就可以了。還需要注意排列好各個(gè)文本信息的位置，在這里就不羅嗦了，自己看著辦吧。
STEP 7 漂亮的播放器界面
顯示器里面的提示信息都做好了，再來為這個(gè)播放器添加音量控制按鈕和MP3文件列表控制窗口？先來添加音量控制按鈕吧！在播放器按鈕中分別選中"上一首"和"下一首"控制按鈕，然后在主菜單中分別執(zhí)行"Edit/copy"和"Edit paste"命令，將兩個(gè)按鈕復(fù)制粘貼到顯示器的右下方并列，雙擊其中"上一首"按鈕，彈出一個(gè)"Bitmap Button"對(duì)話窗口（如圖1.5-8），在"Tooltip"右側(cè)的文本框中輸入：降低音量。在"Action"欄中單擊[External Commands and Page Actions]命令按鈕，在彈出的對(duì)話窗口中設(shè)定"On Mouse"的值設(shè)為"None"，并按[OK]按鈕返回。單擊[More Actions]命令按鈕，彈出"More Actions"設(shè)置窗口(如圖1.5-9)，單擊"Start Clicking"頁框中的"Wizard"按鈕，在彈出的"Scrip Wizard"窗口設(shè)定"Action"的值為："VolumeDown( )"，然后按[OK]鍵一路返回到主界面窗口。
設(shè)置"增加音量"按鈕時(shí)只要設(shè)定"Tooltip"的文本為"增加音量"，將[External Commands and Page Actions]的"ON Mouse"的值更改為"None"，設(shè)定[More Actions]對(duì)話窗口的"Actions"值為"VolumeUp( )"。然后復(fù)制了一個(gè)"停止"按鈕，并放在音量按鈕的右側(cè)，然后雙擊它，在彈出的"Bitmap Button"對(duì)話窗口中，輸入"Tooltip"為"文件列表編輯"，將[External Commands and Page Actions]的"ON Mouse"的值更改為"None"，設(shè)定[More Actions]的對(duì)話窗口中的"The Click is Finished"的"Actions"值為MP3ListEdit()和MP3ListPlay("0") ，然后[OK]返回主界面！
STEP 8 最大化與最小化
下面還要為播放器設(shè)置最小化和關(guān)閉按鈕。在工具箱中選擇"hotspot"工具，在背景圖片的右上方預(yù)留的最小化按鈕位置畫出一個(gè)矩形區(qū)域，然后雙擊它，打開"hotspot"對(duì)話窗口(如圖1.5-10)，單擊[External Commands and Page Actions]按鈕，在彈出的"External Commands and Page Actions"窗口中將"On Mouse"的值設(shè)定為"minimize"。同樣道理，再添加一個(gè)"hotspot"工具，設(shè)定"On Mouse"的值為"Exit"。
STEP 9 版權(quán)信息不能少
接下來再把自己的網(wǎng)址和郵箱也一并添上去做為"About"信息，執(zhí)行主菜單"Page/Add page"命令，新添加一個(gè)頁面Page2，設(shè)定背景圖片和頁面一相同。使用"hotsopt"工具在頁面一的左上角畫出一個(gè)按鈕，然后設(shè)定它的"On Mouse"的值為"go to next page"。在頁面二中添加一個(gè)文本區(qū)域，輸入文本為：go to my html。單擊[External Commands and Page Actions]按鈕，"On Mouse"的值設(shè)定為"Brow web"，在"Path"中輸入網(wǎng)址。同樣道理設(shè)定"On mouse"的值為"Send a mail"就可以實(shí)現(xiàn)發(fā)送Email到指定的"Path"地址中去。最后從工具箱中添加一個(gè)"Textbutton"按鈕到頁面二，設(shè)定按鈕的[External Commands and Page Actions]的"On mouse"值為"go to prev page"。最后的頁面二如圖1.5-11所示。
STEP 10 制作播放器
OK，你的個(gè)人播放器基本完成了，萬事具備，最后再執(zhí)行主菜單"File/Compile"命令，編譯這個(gè)播放器成為一個(gè)可獨(dú)立執(zhí)行的EXE文件，這下全部完成了，運(yùn)行這個(gè)播放器的EXE文件，看看這個(gè)可愛的MP3播放器就是你親手制作的，(如圖1.5-12)，是不是有點(diǎn)不可思議呀！
二、自制CD播放器
既然能制作MP3播放器，那么你也許會(huì)問能不能制作自己的CD播放器呢，可以的，下面再來使用Multimedia Builder制作一個(gè)CD播放器。在制作CD播放器之前，還要做一些準(zhǔn)備工作，首先要做好一幅CD播放器的主界面圖片，這里我們準(zhǔn)備一幅300×200像素大小的圖片，還要準(zhǔn)備表示播放、暫停、停止、上一首、下一首等幾個(gè)按鈕的圖片，再有，別忘了給主界面上準(zhǔn)備一個(gè)最小化和一個(gè)電源開關(guān)按鈕喲！
STEP 1 先建立項(xiàng)目
啟動(dòng)Multimedia Builder ，執(zhí)行主菜單"File/new"命令，新建立一個(gè)項(xiàng)目文件，下面就來對(duì)這個(gè)新項(xiàng)目進(jìn)行設(shè)置，選取主菜單的"Project/General Setting"命令，彈出項(xiàng)目設(shè)置(Poject Setting)對(duì)話窗口 (如圖1.5-13)，在Quick旁的下拉選項(xiàng)中選擇320×200，以確定界面窗口的顯示尺寸。然后?quot;Windows"右側(cè)的文本框內(nèi)輸入"苗苗CD播放器"，取消選擇"Standard Window"前的當(dāng)選框，這時(shí)下面的"Nonstandard Window"選項(xiàng)被激活，并處于可選狀態(tài)，選中"Window has Custom Shape"前的選項(xiàng)，這樣做的目的就是為了讓生成的CD播放器的主界面跟準(zhǔn)備的圖片大小相當(dāng)，并且不顯示W(wǎng)indow窗口的一些如最大化等一些控制按鈕。單擊"Outline shaper"選項(xiàng)中"image"右側(cè)的打開按鈕，調(diào)入主界面圖片確定播放器的邊界范圍軌跡。好了，單擊"OK"按鈕返回主界面窗口。
STEP 2 定制主界面
執(zhí)行主菜單"Page/Background/Load background image"命令，調(diào)入播放器主界面圖片，這時(shí)頁面操作區(qū)域如(如圖1.5-14)所示。下面就來為各個(gè)按鈕添加功能設(shè)定吧，單擊左側(cè)工具條的"Bitmap"工具按鈕，然后在第一個(gè)停止按鈕上單擊一次，在彈出的打開對(duì)話窗口中選擇stop.jpg，單擊打開。這時(shí)在背景圖片的stop按鈕上方就添加了一幅圖片，右側(cè)的Object窗口中也隨之添加了一條圖片記錄。雙擊這幅圖片，打開bitmap對(duì)話窗口(如圖1.5-15)，在"Label"右側(cè)的文本框中輸入"stopbmp"，然后選中"Hide"單選項(xiàng)，并單擊OK按鈕確定選擇。
STEP 3 控制按扭 精雕細(xì)刻
單擊工具條的"Hot Spot"工具按鈕，在"stop"按鈕上畫一個(gè)和圖片按鈕大小一致的矩形，這時(shí)右側(cè)的object窗口中新添加了一個(gè)hotspot物體，雙擊它打開"hotspot"對(duì)話窗口(如圖1.5-16)，在label右側(cè)的文本框中輸入stop，然后單擊"Action"選項(xiàng)中的第二個(gè)命令按鈕，彈出"Interaction with other object"窗口(如圖1.5-17)，選擇"moving mouse over object"選項(xiàng)中關(guān)聯(lián)圖片object為stopbmp，按OK按鈕返回到hotspot窗口。單擊"Action"選項(xiàng)中的第三個(gè)命令按鈕，彈出"Sound Actions"對(duì)話窗口(如圖1.5-18)，在mouse click on 下面的文本框中輸入CD:STOP，然后按OK鍵返回到主界面窗口。這樣一個(gè)具有停止功能的STOP按鈕就制作好了。
按照上述方法，下面來制作其它幾個(gè)控制按鈕。添加一幅play.jpg圖片，設(shè)置label為playbmp，設(shè)置hide屬性，為Play按鈕添加一個(gè)hotspot工具，設(shè)置label為play，關(guān)聯(lián)圖片object為playbmp,Mouse click on文本命令輸入：CD:PLAY；添加一幅pause.jpg圖片，設(shè)置label為pausebmp，設(shè)置hide屬性，為Pause按鈕添加一個(gè)hotspot工具，設(shè)置label為pause，關(guān)聯(lián)圖片object為pausebmp,Mouse click on文本命令輸入：CD:PAUSE；添加一幅pre.jpg圖片，設(shè)置label為prebmp，設(shè)置hide屬性，為前一個(gè)(PRE)按鈕添加一個(gè)hotspot工具，設(shè)置label為pre，關(guān)聯(lián)圖片object為premp,Mouse click on文本命令輸入：CD:BW；再添加一幅next.jpg圖片，設(shè)置label為nextbmp，設(shè)置hide屬性，為Play按鈕添加一個(gè)hotspot工具，設(shè)置label為next，關(guān)聯(lián)圖片object為nextbmp,Mouse click on文本命令輸入：CD:FW。好了，播放器的播放按鈕PLAY、暫停按鈕PAUSE、上一首按鈕PRE、下一首按鈕NEXT就已經(jīng)制作好了。
STEP 4 界面如何控制？
做好播放控制按鈕后，接下來設(shè)置電源開關(guān)和最小化按鈕。選擇hotspot工具，在最小化按鈕上畫出一個(gè)矩形區(qū)域，然后雙擊新添加的區(qū)域，在彈出的hotspot窗口中，設(shè)置label為min，選擇Action選項(xiàng)中的第一個(gè)按鈕，在彈出的"External Commands and page Actions"對(duì)話窗口中，設(shè)定"On Mouse "為minimize，然后按確定鍵返回。
選擇hotspot工具，在電源開關(guān)按鈕上畫出一個(gè)矩形區(qū)域，雙擊它在彈出的hotspot窗口中設(shè)置label為power，設(shè)定"On mouse"為Exit。選擇工具條中的Text工具，在播放器的空白區(qū)域畫一個(gè)矩形區(qū)域，雙擊它并在彈出的"Text properties"窗口的文本輸入?yún)^(qū)域中輸入播放器標(biāo)識(shí)"苗苗CD播放器"。最后執(zhí)行主菜單"File/Compile"命令就可以編譯這個(gè)CD播放器了，瞧瞧吧，還滿不錯(cuò)的(如圖1.5-19)。320×200，以確定界面窗口的顯示尺寸。然后?quot;Windows"右側(cè)的文本框內(nèi)輸入"苗苗CD播放器"，取消選擇"Standard Window"前的當(dāng)選框，這時(shí)下面的"Nonstandard Window"選項(xiàng)被激活，并處于可選狀態(tài)，選中"Window has Custom Shape"前的選項(xiàng)，這樣做的目的就是為了讓生成的CD播放器的主界面跟準(zhǔn)備的圖片大小相當(dāng)，并且不顯示W(wǎng)indow窗口的一些如最大化等一些控制按鈕。單擊"Outline shaper"選項(xiàng)中"image"右側(cè)的打開按鈕，調(diào)入主界面圖片確定播放器的邊界范圍軌跡。好了，單擊"OK"按鈕返回主界面窗口。
