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