Flash打造一款有特色的迷你音樂播放器

發(fā)布時(shí)間：2014-07-28 14:32:39 作者：佚名

本教程是向大家介紹利用Flash打造一款有特色的迷你音樂播放器，教程制作出來音樂播放器非?？蓯塾刑厣坛屉y度一般，用到了Flash代碼編寫。轉(zhuǎn)發(fā)過來，喜歡的朋友可以跟著教程一起來制作一下

　　本教程是向大家介紹利用Flash打造一款有特色的迷你音樂播放器，教程制作出來音樂播放器非?？蓯塾刑厣坛屉y度一般，用到了Flash代碼編寫。轉(zhuǎn)發(fā)過來，喜歡的朋友可以跟著教程一起來制作一下！

　　制作要領(lǐng)： Flash 中影片剪輯的控制、音量大小的調(diào)節(jié)，聲音平衡的調(diào)節(jié)，動態(tài)文本顯示數(shù)據(jù)。

　　制作步驟：

　　一、創(chuàng)建背景圖像

　　1 .啟動 Flash MX 2004 軟件，在向?qū)е羞x擇 Create New 下的“ Flash 文檔”，創(chuàng)建一個(gè)默認(rèn)寬為 550px 、高為 400px 、背景色白色、幀頻 12fps 的文件。

　　2 .利用鉛筆工具、橢圓工具、線條工具等各種繪圖工具繪制場景及收音機(jī)(也可以從網(wǎng)上或是其它動畫出提取素材。

　　二、繪制收音機(jī)的播放按鈕并添加動作

　　1 .新建六個(gè)按鈕元件，分別繪制控制收音機(jī)播放的各個(gè)按鈕。

　　2 .利分別給這幾個(gè)按鈕加上命令：

　　①“最前”按鈕上的命令

　　用鼠標(biāo)單擊“最前”按鈕將其選中，然后打開“動作”面板，在右方動作命令行中輸入：

復(fù)制代碼

代碼如下:

on (release) { //當(dāng)鼠標(biāo)釋放的時(shí)候
gotoAndStop(1); //播放頭指向第1幀，并停止播放.
}

　　② “快退”按鈕上的命令

　用鼠標(biāo)單擊“最前”按鈕將其選中，然后打開“動作”面板，在右方動作命令行中輸入：

復(fù)制代碼

代碼如下:

on(release ){
gotoAndplay(_currentframe-50);
}

　?、?播放

　　用鼠標(biāo)單擊“播放”按鈕將其選中，然后打開“動作”面板，在右方動作命令行中輸入：

復(fù)制代碼

代碼如下:

on(release ){
play();
}

　?、?停止

復(fù)制代碼

代碼如下:

on(release ) {
stop(); // 播放頭停止播放
　　}

　　⑤ 快進(jìn)

復(fù)制代碼

代碼如下:

on(release ){
gotoAndplay(_currentframe+50);
}

　　 ⑥ 最后

復(fù)制代碼

代碼如下:

on(release ){
gotoAndStop(_root._totalframes);// 播放頭指向最后 1 幀 , 并停止
}

　　三.制作長度與進(jìn)度顯示框

　　1 .添加文本顯示框

　　點(diǎn)擊“窗口”“其他面板”、“公用庫”、“按鈕”，打開“ Knobs & Faders ”文件夾里的 "Knobs & faders parts" 文件夾，找到電影剪輯“ input box ”，將其從“公用庫”中拖拽到自己的庫中，將電影剪輯改名為“長度”，再拖拽一個(gè)“ input box ”，改名為“進(jìn)度”?！?

　　2 .修改文本顯示框

　　雙擊“庫”里的“長度”電影剪輯，選中圖層 3 ( layer 3 )，再點(diǎn)一下場景中的文本框，打開“屬性面板”，將“輸入文本”改為“動態(tài)文本”，將變量改為 cd ，按“字符”按鈕，彈出“字符選項(xiàng)”面板，選中“無字符”，點(diǎn)確定。

　　利用同樣的方法修改“進(jìn)度”電影剪輯，只是變量為 jd ，其它都一樣設(shè)置。

　　3 .建立“文本”電影剪輯：

　　按下 Ctrl+F8 新建一個(gè)影片剪輯元件，起名為“文本”，分別將“長度”和“進(jìn)度”兩個(gè)電影剪輯拖拽到“文本”電影剪輯的工作區(qū)里排列好，用箭頭工具點(diǎn)擊“長度”電影剪輯，到“屬性面板”中設(shè)置“實(shí)例名”為： changdu ，同樣方法設(shè)置“進(jìn)度”電影剪輯“實(shí)例名”為： jindu 。

　　4 .給“文本”電影剪輯加動作：

　　回到場景中，新建一層，起名為“進(jìn)度條”將電影剪輯“文本”從庫中拖拽到場景中的“按鈕”圖層上，再用箭頭工具在場景中點(diǎn)擊一下電影剪輯“文本”，在“屬性面板”中設(shè)置“實(shí)例名”為 wenben 并將下列 AS 命令復(fù)制到“動作面板”中。

　　// 影片時(shí)間長度計(jì)算與顯示

復(fù)制代碼

代碼如下:

onClipEvent (load) {//MC 加載時(shí)動作
s1 = int(_root._totalframes/12) ;// 影片長度
fen1 = String(int( s1 / 60 )); // 算出分鐘數(shù)取整數(shù)后，轉(zhuǎn)換成字符串
miao1 = String( int(s1 % 60 ));// 算出秒數(shù)取整數(shù)夠，轉(zhuǎn)換成字符串
if (length(fen1) == 1) { // 分鐘的數(shù)字長度為 1 時(shí)
fen1 = "0"+fen1+" ” ";// 前面加零
}else{ // 否則
fen1 = fen1+"”";
}
if (length(miao1) == 1) {// 秒的數(shù)字長度為 1 時(shí)
miao1 = "0"+miao1+" ' ";// 前面加零
}else{// 否則
miao1 = miao1+"'";
} 　　　_root.wenben.changdu.cd = fen1 + miao1;
　　}

　　// 影片時(shí)間進(jìn)度計(jì)算與顯示(腳本解釋參考以上代碼)

復(fù)制代碼

代碼如下:

onClipEvent (enterFrame) {// 以 MC 的幀頻不斷觸發(fā)
s2 = int(_root._currentframe/12);
fen2 = String(int( s2 / 60 ));
miao2 = String(int( s2 % 60 ));
if (length(fen2) == 1) {
fen2 = "0"+fen2+"”";
}else{
fen2 = fen2+"”";
}
if (length(miao2) == 1) {
miao2 = "0"+miao2+"'";
}else{
miao2 = miao2+"'";
}
_root.wenben.jindu.jd = fen2 + miao2;
　　}

　　四.繪制并制作控制音量與平衡的按鈕

　　1 .找出“音量”元件：

　　(提示：可以自己做也可以直接用公用庫里的，讀者可以打開源文件的庫直接拖入。)

　　點(diǎn)擊“窗口” → “其他面板” → “公用庫” → “按鈕”，打開“ Knobs & Faders ”文件夾，找到電影剪輯“ fader - mixer ”，將其從“公用庫”中拖拽到自己的庫中的“音樂”文件夾內(nèi)，將電影剪輯“ fader - mixer ”改名為“音量”，再雙擊文件夾“ knob & fader parts ”名稱，改名為“音量控制”，再雙擊該文件夾圖標(biāo)，打開改文件夾，將影片剪輯“ fader ”改名為“音量手柄”，將按鈕元件“ fader button ”改名為“音量按鈕”，將影片剪輯“ fader details ”改名為音量刻盤，將影片剪輯“ fader shadow ”改名為“音量陰影”。

　　(注意：雙擊文件夾名稱是改名，雙擊文件夾圖標(biāo)是打開文件夾。另外，當(dāng)從“公用庫”向“庫”拖拽影片剪輯時(shí)，要在“庫”的白色區(qū)域內(nèi)釋放鼠標(biāo)，不要在灰色區(qū)域內(nèi)釋放。)。

　　2 .修改“音量”元件：

　　在“庫”面板中雙擊影片剪輯“音量”，用箭頭工具框選“音量手柄”和“音量刻盤”，點(diǎn)擊“修改”、“變形”、“逆時(shí)針旋轉(zhuǎn) 90 度”，用箭頭工具單擊影片剪輯“音量手柄”，到“屬性面板”中設(shè)置實(shí)例名： shoubing 。將手柄移動到刻盤的中心位置。在“動作面板”中輸入一下 AS 代碼，把原來里面的腳本語句覆蓋掉。

復(fù)制代碼

代碼如下:

onClipEvent (load) {// 影片剪輯加載時(shí)觸發(fā)以下代碼
chushi_kepan = _x-50; // 確定刻盤初始位置在場景中的 X 坐標(biāo)值
zuo = _x-50; // 確定手柄在場景中最左邊的限值
you = _x+50; // 確定手柄在場景中最右邊的限值
ding = _y; // 確定手柄在場景中最上邊的限值
di = _y; // 確定手柄在場景中最下邊的限值
wls = new Sound();// 創(chuàng)建聲音播放對象 wls
wls.attachSound("wls");// 將庫中標(biāo)識符為 "wls" 的聲音附加給 wls
zdyl = 100;// 確定最大音量值
dqyl = zdyl/2;// 確定當(dāng)前音量值
wls.setVolume(dqyl);// 給聲音對象設(shè)置當(dāng)前音量
　　}

復(fù)制代碼

代碼如下:

onClipEvent (enterFrame) {// 與幀頻同步觸發(fā)以下代碼
　　// 由于刻盤長度為 100 像素，聲音限值也是 100 ，當(dāng)前位置減刻盤初始位置就是當(dāng)前音量值。
dqyl = Math.ceil(_root.yinliang.shoubing._x-_root.yinliang.shoubing.chushi_kepan);
wls.setVolume(dqyl);// 對聲音對象 WLS 設(shè)置當(dāng)前音量
　　} 　　再用鼠標(biāo)雙擊工作區(qū)中的影片剪輯“音量手柄”，露出按鈕，給按鈕添加以下按鈕動作，把原來里面的腳本語句覆蓋掉。 　　on (press) {// 鼠標(biāo)按下
startDrag("", false, zuo, ding, you, di);// 在限定的區(qū)域中拖拽
　　} 　　on (release) {// 鼠標(biāo)釋放
stopDrag();// 停止拖拽
　　}

　　3 .設(shè)置聲音元件：

　　選擇菜單中的“文件” →“導(dǎo)入”→“庫”，將準(zhǔn)備好的音樂導(dǎo)入進(jìn)來，在“庫”中單擊聲音元件 12.MP3 ，點(diǎn)鼠標(biāo)右鍵，彈出菜單選擇“鏈接”，彈出“鏈接屬性”對話框，將“鏈接”里的“為動作腳本導(dǎo)出”與“在第一幀導(dǎo)出”打上勾，然后在“標(biāo)識符“處輸入： wls ，點(diǎn)“確定”。

　　4 .場景布置：

　　回到場景中，新建一層，命名為“音量大小與平衡”，將影片剪輯“音量”托拽到主場景，到“屬性面板”給影片剪輯“音量”起一個(gè)實(shí)例名： yinliang ，調(diào)整好擺放位置即可。

　　5 .用同樣的方法制作一個(gè)控制音量平衡的手柄，代碼如下：

復(fù)制代碼

代碼如下:

onClipEvent (load) {// 影片剪輯加載時(shí)
chushi_x = _x; // 確定手柄在場景中的 X 初始坐標(biāo)值
zuo = _x-50; // 確定手柄在場景中最左邊的限值
you = _x+50; // 確定手柄在場景中最右邊的限值
ding = _y; // 確定手柄在場景中最上邊的限值
di = _y; // 確定手柄在場景中最下邊的限值
wls = new Sound();// 創(chuàng)建聲音播放對象 wls
wls.attachSound("wls");// 將庫中標(biāo)識符為 "wls" 的聲音附加給 wls
kpbs =2;// 刻盤倍數(shù)，手柄初始在刻盤中間，左右限值為 50 ，乘上刻盤倍數(shù)，可使得左右限值為 100
}

復(fù)制代碼

代碼如下:

　onClipEvent (enterFrame) {// 與幀頻同步觸發(fā)
　// 計(jì)算當(dāng)前平衡值，在 100 ，- 100 之間
dqph = Math.floor((_root.pingheng.shoubing._x-_root.pingheng.shoubing.chushi_x ) * kpbs);
wls.setPan(dqph);// 設(shè)置聲音對象 wls 的當(dāng)前平衡
}

　　五.整合場景并測試

　　1.添加音樂層

　　將所有元件與對象擺放在合適的位置后，新建一層，命名為“音樂”，在下方“屬性”框的聲音下拉單中選中剛才導(dǎo)入的音樂，設(shè)置“同步”內(nèi)容為“數(shù)據(jù)流”，然后延長幀直到音樂播放完為止，再延長其它層的幀與音樂層的幀數(shù)相同。

　　2.加上 stop 動作

　　為了使音樂在開始處于未播放狀態(tài)，選中音樂層第一幀，在“動作面板”中加入： stop(); 命令。

　　3.測試

　　現(xiàn)在按下 Ctrl+ 回車進(jìn)行測試吧！怎么樣，一個(gè)漂亮的音樂迷你播放機(jī)就出來了，大家利用這種方法可以制作MTV、課件以及播放器哦！