Flash MX實戰(zhàn)精選:音樂播放器

　　音樂播放器

　　實例說明

　　制作在同一電影中控制多個背景音效的播放器。

　　有關(guān)知識

　　導(dǎo)入點陣圖， tell atrget和stop all sounds命令的應(yīng)用，控制音效的循環(huán)播放。

　　制作過程

　　步驟1：打開Flash，新建電影文件，設(shè)置尺寸：235px*100px，背景顏色為黑色(#000000)。截取winamp的面板圖，用圖像工具處理后導(dǎo)入Flash中，并將其轉(zhuǎn)換為圖像符號bg，在場景中新建bg層，幀長度為4，將圖像符號bg放置在bg層中作為背景，使用縮放工具，將圖像bg大小調(diào)整到和舞臺大小相同。如圖1。

圖1 截取winamp面板

　　步驟2：新建電影片段music，制作面板的音效輸出指示器，當(dāng)音效打開時，指示器小燈閃爍；當(dāng)音效關(guān)閉時，指示器小燈關(guān)閉。具體做法不再詳述，大家可參考電影源程序。如圖2所示。

　　步驟3：新建隱形按鈕bu，在狀態(tài)over處設(shè)置一個音效，在hit幀繪制一個大小和面板播放按鈕相同的實心矩形，如圖3所示。

　　步驟4：新建電影片段mv-text，建立三個關(guān)鍵幀，Actions都設(shè)置為停止（stop），在三個幀處分別用文字工具寫入1.track1.wav，2.track2.wav，3.track3.wav，調(diào)整文字大小和字體，分別表示三個背景音效的名稱。如圖4所示。

圖2 音效指示器

圖3 有音效的隱形按鈕

圖4 電影片段mv-text

　　步驟5：截取winamp面板播放進度指示器并導(dǎo)入Flash中。新建電影片段mv-amp，第1幀為空白關(guān)鍵幀，Actions設(shè)置為停止(stop)，第2幀設(shè)置為關(guān)鍵幀，將圖像放置在工作區(qū)內(nèi)，按F6在第50幀處建立關(guān)鍵幀，將水平移動大約190px，如圖5所示。

圖5 移動的滑標(biāo)

　　第50幀的Actions設(shè)置為：

gotoAndPlay (2);
//跳至并播放幀(2)

　　在Frame面板將第2幀與第50幀之間設(shè)置為移動漸變(Motion)，如圖6所示。

圖6 設(shè)置移動漸變

　　步驟6：導(dǎo)入3段音效作為背景音效，分別命名為1，2，3。新建電影片段sound1，設(shè)置幀長度大約100幀。在第1幀處的Actions設(shè)置為stop (停止)，在第5幀處通過Sound面板設(shè)置音效，如圖7所示。

圖7 設(shè)置音效

　　同樣，新建電影片段sound2， sound3設(shè)置方法同sound1，分別控制背景音效2， 3的播放。

　　步驟7：新建只有兩個幀的電影片段mv-play1，第1幀設(shè)置為空白幀，Actions設(shè)置為stop，第2幀設(shè)置為關(guān)鍵幀，將按鈕bu放置在工作區(qū)內(nèi)，對齊中心點，Actions設(shè)置為stop，為了看清效果，暫時將背景設(shè)置為白色，如圖8所示。

　　同樣，新建電影片段mv-play2和mv-play3，設(shè)置方法同mv-play1。

　　步驟8：新建只有兩個幀的電影片段mv-stop1，第1幀的Actions設(shè)置為stop，將按鈕bu放置在工作區(qū)和中心點對齊；第2幀設(shè)置為空白幀，Actions設(shè)置為stop，如圖9所示。

　　同樣，新建電影片段mv-stop2和mv-stop3，設(shè)置方法同上。

　　步驟9：回到場景1中，新建層movie，將電影片段music放置在層中，和bg的音效輸出指示器位置對齊，在屬性面板中將其命名為music，用它來顯示背景音效的開關(guān)狀態(tài)。如圖10所示。

圖8 電影片段mv-play1

圖9 電影片段mv-stop1

圖10 命名電影片段music

　　步驟10：新建層sound，將電影片段sound1，sound2，sound3放置在層中，并將其分別命名為sound1，sound2和sound3。

　　步驟11：新建層amp，將電影片段mv-amp放置在層中，在Instance面板中將其命名為amp，并和bg的原播放進度指示器位置對齊。

　　步驟12：新建層text，將電影片段mv-text放置在層中，在Instance面板中命名為text，并和bg的原曲目指示框?qū)R，用來指示目前正在播放/停止的曲目。如圖11所示。

圖11 顯示目前正在播放/停止的曲目

　　步驟13：新建層Actions，第2，3，4幀分別設(shè)置為空白關(guān)鍵幀，Actions分別為：

第2幀：

stop ();

stopAllSounds ();

tellTarget ("/sound1") {

gotoAndPlay (5);

}

tellTarget ("/music") {

gotoAndPlay ("track1");

}

tellTarget ("/amp") {

gotoAndPlay (2);

}

停止

停止所有聲音

告知目標(biāo)(“/sound1”)

跳至并播放幀(5)

告知目標(biāo)(“/music”)

跳至并播放標(biāo)簽(“track1”)

告知目標(biāo)(“/amp”)

跳至并播放幀(2)

第3幀：

stop ();

stopAllSounds ();

tellTarget ("/music") {

gotoAndPlay ("track2");

}

tellTarget ("/sound2") {

gotoAndPlay (5);

}

tellTarget ("/amp") {

gotoAndPlay (2);

}

停止

停止所有聲音

告知目標(biāo)(“/music”)

跳至并播放標(biāo)簽(“track2”)

告知目標(biāo)(“/sound2”)

跳至并播放幀(5)

告知目標(biāo)(“/amp”)

跳至并播放幀(2)

第4幀：

stop ();

stopAllSounds ();

tellTarget ("/music") {

gotoAndPlay ("track3");

}

tellTarget ("/sound3") {

gotoAndPlay (5);

}

tellTarget ("/amp") {

gotoAndPlay (2);

}

停止

停止所有聲音

告知目標(biāo)(“/music”)

跳至并播放標(biāo)簽(“track3”)

告知目標(biāo)(“/sound3”)

跳至并播放幀(5)

告知目標(biāo)(“/amp”)

跳至并播放幀(2)

　　步驟14：新建play層，在第2幀處建立關(guān)鍵幀，將電影片段mv-play1放置在層中，并和背景中的播放鍵對齊，在Instance面板中將其命名為play1。如圖12所示。

圖12 將電影片段play1放入場景并命名

　　同樣，在第3，4幀處建立關(guān)鍵幀，分別將電影片段mv-play2和mv-play3放置在層中并命名為play2和play3。

　　步驟15：新建stop層，在第2幀處建立關(guān)鍵幀，將電影片段mv-stop1放置在層中，并和bg的停止鍵對齊，在Instance面板中將其命名為stop1。如圖13所示。

圖13 將電影片段stop1放入場景并命名

　　同樣，在第3，4幀處建立關(guān)鍵幀，分別將電影片段mv-stop2和mv-stop3放置在層中并命名為stop2和stop3。

　　步驟16：新建pre&next層，在第2幀處建立關(guān)鍵幀，將按鈕bu放置在層中，并和背景上的前進鍵對齊，如圖14所示。

　　設(shè)定按鈕的Actions為：

on (release) {

nextFrame ();

tellTarget ("/text") {

gotoAndStop (2);

}

當(dāng)鼠標(biāo)放開

跳至下一幀

告知目標(biāo)(“/text”)

跳至并停止幀(2)

圖14 設(shè)置按鈕bu的Actions

　　在第3幀處建立關(guān)鍵幀，放置兩個按鈕bu，分別和背景上的后退鍵，前進鍵對齊，設(shè)置Action分別為：

on (release) {

prevFrame ();

tellTarget ("/text") {

gotoAndStop (1);

}

當(dāng)鼠標(biāo)放開

跳至上一幀

告知目標(biāo)(“/text”)

跳至并停止幀(1)

on (release) {

nextFrame ();

tellTarget ("/text") {

gotoAndStop (3);

}

當(dāng)鼠標(biāo)放開

跳至下一幀

告知目標(biāo)(“/text”)

跳至并停止幀(3)

　　步驟17：設(shè)置電影片段mv-play1的Actions：

　　在第2關(guān)鍵幀處bu按鈕的Actions設(shè)置如下：

on (release) {

tellTarget ("../music") {

gotoAndPlay ("track1");

}

tellTarget ("../sound1") {

gotoAndPlay (5);

}

tellTarget ("../stop1") {

gotoAndStop (1);

}

tellTarget ("../amp") {

gotoAndPlay (2);

}

gotoAndStop (1);

}

當(dāng)鼠標(biāo)放開

告知目標(biāo)(“../music”)

跳至并播放標(biāo)簽(“track1”)

告知目標(biāo)(“../sound1”)

跳至并播放幀(5)

告知目標(biāo)(“../stop1”)

跳至并停止幀(1)

告知目標(biāo)(“../amp”)

跳至并播放幀(2)

跳至并停止幀(1)

　　同樣，設(shè)置電影片段mv-play2第2幀處bu按鈕的Actions如下：

on (release) {

tellTarget ("../music") {

gotoAndPlay ("track2");

}

tellTarget ("../sound2") {

gotoAndPlay (5);

}

tellTarget ("../stop2") {

gotoAndStop (1);

}

tellTarget ("../amp") {

gotoAndPlay (2);

}

gotoAndStop (1);

}

當(dāng)鼠標(biāo)放開

告知目標(biāo)(“../music”)

跳至并播放標(biāo)簽(“track2”)

告知目標(biāo)(“../sound2”)

跳至并播放幀(5)

告知目標(biāo)(“../stop2”)

跳至并停止幀(1)

告知目標(biāo)(“../amp”)

跳至并播放幀(2)

跳至并停止幀(1)

　　設(shè)置電影片段mv-play3第2幀處bu按鈕的Actions如下：

on (release) {

tellTarget ("../music") {

gotoAndPlay ("track3");

}

tellTarget ("../sound3") {

gotoAndPlay (5);

}

tellTarget ("../stop3") {

gotoAndStop (1);

}

tellTarget ("../amp") {

gotoAndPlay (2);

}

gotoAndStop (1);

}

當(dāng)鼠標(biāo)放開

告知目標(biāo)(“../music”)

跳至并播放標(biāo)簽(“track3”)

告知目標(biāo)(“../sound2”)

跳至并播放幀(5)

告知目標(biāo)(“../stop3”)

跳至并停止幀(1)

告知目標(biāo)(“../amp”)

跳至并播放幀(2)

跳至并停止幀(1)

　　步驟18：設(shè)置電影片段mv-stop1第1幀處bu按鈕的Actions：

on (release) {

stopAllSounds ();

tellTarget ("../music") {

gotoAndStop (1);

}

tellTarget ("../play1") {

gotoAndStop (2);

}

tellTarget ("../amp") {

gotoAndStop (1);

}

gotoAndStop (2);

}

當(dāng)鼠標(biāo)放開

停止所有聲音

告知目標(biāo)(“../music”)

跳至并停止幀(1)

告知目標(biāo)(“../play1”)

跳至并停止幀（2）

告知目標(biāo)(“../amp”)

跳至并停止幀（1）

跳至并停止幀（2）

　　同樣，設(shè)置電影片段mv-stop2第1幀處的按鈕bu的Actions：

on (release) {

stopAllSounds ();

tellTarget ("../music") {

gotoAndStop (1);

}

tellTarget ("../play2") {

gotoAndStop (2);

}

tellTarget ("../amp") {

gotoAndStop (1);

}

gotoAndStop (2);

}

當(dāng)鼠標(biāo)放開

停止所有聲音

告知目標(biāo)(“../music”)

跳至并停止幀(1)

告知目標(biāo)(“../play2”)

跳至并停止幀（2）

告知目標(biāo)(“../amp”)

跳至并停止幀（1）

跳至并停止幀（2）

　　設(shè)置電影片段mv-stop3第1幀處bu按鈕的Actions：

on (release) {

stopAllSounds ();

tellTarget ("../music") {

gotoAndStop (1);

}

tellTarget ("../play3") {

gotoAndStop (2);

}

tellTarget ("../amp") {

gotoAndStop (1);

}

gotoAndStop (2);

}

當(dāng)鼠標(biāo)放開

停止所有聲音

告知目標(biāo)(“../music”)

跳至并停止幀(1)

告知目標(biāo)(“../play3”)

跳至并停止幀（2）

告知目標(biāo)(“../amp”)

跳至并停止幀（1）

跳至并停止幀（2）

　　步驟19：OK!做好了，現(xiàn)在回到場景1，按組合鍵Ctrl+Enter，在生成的電影中測試播放器的效果。

作者：互聯(lián)網(wǎng) 來源：本站整理發(fā)布時間：2005-08-20 22:53:58

上一篇文章：用Photoshop為線條添加顏色

------------------------------- · 相關(guān)文檔瀏覽 · --------------------------------------------------------------------- · 熱門文檔瀏覽 · -------------------------------------

最新av偷拍av偷窥av网站,在教室伦流澡到高潮h麻豆,一个人在线高清免费观看,中文字幕av无码一二三区电影,中国丰满熟妇xxxx性

Flash MX實戰(zhàn)精選:音樂播放器