STEP 5 超級電子琴
選擇執(zhí)行主菜單"舒心享受/超級電子琴"功能,在屏幕中心就會出現(xiàn)一個(gè)電子琴(如圖1.4-6),此時(shí)按動鍵盤最上面的二排按健,就奏出了一曲動聽的音樂,此時(shí)1234567890-=那一排對應(yīng)簡譜中的1234567,五線譜的小字一組cdefgab,往左右是更高或更低的音符。當(dāng)然還可以通過"配置系統(tǒng)/自定鍵盤"命令自己定義鍵盤。盡興的演奏了一番后按動"轉(zhuǎn)換樂譜"命令按鈕,在彈出的"五線譜轉(zhuǎn)換設(shè)置"對話框中(如圖1.4-7),按動"開始轉(zhuǎn)換"按鈕,于是就將剛才演奏的樂曲轉(zhuǎn)換成為了五線譜,如果返回到"主創(chuàng)作系統(tǒng)"可以看見許多的"小蝌蚪"趴在五線譜上。
STEP 6 快樂點(diǎn)歌臺
在主創(chuàng)作系統(tǒng)中選擇"開心享受/快樂點(diǎn)歌臺"命令就可以進(jìn)入點(diǎn)歌臺(如圖1.4-8),為了調(diào)入磁盤上的MIDI文件,只要把鼠標(biāo)光標(biāo)移動到點(diǎn)歌臺的左側(cè)底部,目錄搜索器就會出現(xiàn),指定目錄,點(diǎn)歌臺將把該目錄下的所有MIDI文件都顯示在點(diǎn)歌臺上,只需單擊歌名就可開始演奏了。另外單擊"快樂點(diǎn)歌臺"按鈕,在彈出的對話框中,還可以為點(diǎn)歌臺最多添加五張滾動的畫面。
第五節(jié) 動手制作播放器
一、自制MP3播放器
隨著多媒體技術(shù)的不斷發(fā)展,MP3和CD音樂早已深入人心了。諸如CD播放器層出不窮,MP3播放器更是如雨后春筍一般,眾多的播放器固然很多又很好,但畢竟是別人的,你可能沒有想過制作自己的播放器,我們告訴你這是完全可以的,制作一個(gè)屬于自己MP3播放器,并用來播放音樂的感覺一定很不錯(cuò)。在這里我們向你介紹一個(gè)軟件:Multimedia Builder 4.7,可以用來制作多媒體播放軟件,其最新版本可以到http://mmbuilder.hypermart.net去下載,大小為4.65MB。
好了,接下來跟著我們就動手制作自己的MP3播放器吧。
STEP 1 準(zhǔn)備工作
首先需要做好準(zhǔn)備工作,先準(zhǔn)備一幅圖片,也就MP3播放器的外觀界面(如圖1.5-1)。然后啟動Multimedia Builder 4.7,程序的主界面從大體上可分為頁面操作區(qū)、頁面列表區(qū)和物件列表區(qū)(如圖1.5-2),此外還有菜單欄和工具箱等。執(zhí)行主菜單"File/new"命令新建立一個(gè)項(xiàng)目文件,然后雙擊頁面列表區(qū)中的頁面簡圖圖標(biāo)(page1),于是頁面參數(shù)設(shè)置對話窗口被打開了(如圖1.5-3),下面就來為頁面添加剛才準(zhǔn)備的背景圖片。單擊[Load Image]按鈕,在"打開"對話框中找到已經(jīng)準(zhǔn)備好的播放器外觀界面的圖片,然后單擊打開按鈕,并按[OK]鍵返回到主界面。
STEP 2 項(xiàng)目如何設(shè)置?
下一步就要針對項(xiàng)目進(jìn)行一些設(shè)置。執(zhí)行主菜單"Project/General Setting"命令,彈出一個(gè)項(xiàng)目設(shè)置對話窗口(部分窗口如圖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è)置對話窗口(如圖1.5-5),設(shè)置好填充色(Fill)為Light grey,邊線色(Border)為White,邊線類型為SunKen。按[OK]鍵返回,這樣一個(gè)具有立體感的顯示器就做好了。
STEP 4 控制按扭做出來
單擊工具欄的[Wizard]工具按鈕,在彈出的快捷菜單中選擇"Insert mp3 Control"命令,在頁面中添加一組MP3播放器控制按鈕,同時(shí)也自動添加了"總時(shí)間顯示"和"播放時(shí)間顯示"提示區(qū)域。分別將兩個(gè)時(shí)間顯示提示區(qū)域移動到顯示器的左下方,并將播放器控制按鈕放在顯示器的下方(如圖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í)候,就會在提示字(Name:)后面顯示歌曲文件的名稱了。
STEP 6 其他控制更簡單
接下來加入歌曲的控制及類型、模式、速率、位和采樣率等一些信息顯示。向顯示器上添加五個(gè)文本框,分別設(shè)置它們?quot;Label"屬性分別為:CBK_Channels、CBK_MP3Type、CBK_MP3Freq、CBK_BitRes、CBK_MP3Bit。不過,需要在顯示器有限的空間里放下這么多信息,就需要設(shè)置顯示文本的字體大小了,在"文本屬性"窗口中,單擊[Font]按鈕,在彈出的對話窗口中設(shè)置字號為六號字體或者更小就可以了。還需要注意排列好各個(gè)文本信息的位置,在這里就不羅嗦了,自己看著辦吧。
STEP 7 漂亮的播放器界面
顯示器里面的提示信息都做好了,再來為這個(gè)播放器添加音量控制按鈕和MP3文件列表控制窗口?先來添加音量控制按鈕吧!在播放器按鈕中分別選中"上一首"和"下一首"控制按鈕,然后在主菜單中分別執(zhí)行"Edit/copy"和"Edit paste"命令,將兩個(gè)按鈕復(fù)制粘貼到顯示器的右下方并列,雙擊其中"上一首"按鈕,彈出一個(gè)"Bitmap Button"對話窗口(如圖1.5-8),在"Tooltip"右側(cè)的文本框中輸入:降低音量。在"Action"欄中單擊[External Commands and Page Actions]命令按鈕,在彈出的對話窗口中設(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]對話窗口的"Actions"值為"VolumeUp( )"。然后復(fù)制了一個(gè)"停止"按鈕,并放在音量按鈕的右側(cè),然后雙擊它,在彈出的"Bitmap Button"對話窗口中,輸入"Tooltip"為"文件列表編輯",將[External Commands and Page Actions]的"ON Mouse"的值更改為"None",設(shè)定[More Actions]的對話窗口中的"The Click is Finished"的"Actions"值為MP3ListEdit()和MP3ListPlay("0") ,然后[OK]返回主界面!
STEP 8 最大化與最小化
下面還要為播放器設(shè)置最小化和關(guān)閉按鈕。在工具箱中選擇"hotspot"工具,在背景圖片的右上方預(yù)留的最小化按鈕位置畫出一個(gè)矩形區(qū)域,然后雙擊它,打開"hotspot"對話窗口(如圖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播放器,那么你也許會問能不能制作自己的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)目
啟動Multimedia Builder ,執(zhí)行主菜單"File/new"命令,新建立一個(gè)項(xiàng)目文件,下面就來對這個(gè)新項(xiàng)目進(jìn)行設(shè)置,選取主菜單的"Project/General Setting"命令,彈出項(xiàng)目設(shè)置(Poject Setting)對話窗口 (如圖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è)停止按鈕上單擊一次,在彈出的打開對話窗口中選擇stop.jpg,單擊打開。這時(shí)在背景圖片的stop按鈕上方就添加了一幅圖片,右側(cè)的Object窗口中也隨之添加了一條圖片記錄。雙擊這幅圖片,打開bitmap對話窗口(如圖1.5-15),在"Label"右側(cè)的文本框中輸入"stopbmp",然后選中"Hide"單選項(xiàng),并單擊OK按鈕確定選擇。
STEP 3 控制按扭 精雕細(xì)刻
單擊工具條的"Hot Spot"工具按鈕,在"stop"按鈕上畫一個(gè)和圖片按鈕大小一致的矩形,這時(shí)右側(cè)的object窗口中新添加了一個(gè)hotspot物體,雙擊它打開"hotspot"對話窗口(如圖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"對話窗口(如圖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"對話窗口中,設(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)識"苗苗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"按鈕返回主界面窗口。