Flash實(shí)例教程：通過(guò)聲音對(duì)象的控制來(lái)制作播放器
我要評(píng)論本例通過(guò)程序讀取外部MP3文件，通過(guò)聲音對(duì)象的控制來(lái)制作播放器，這種方式適用于Flash交互開發(fā)時(shí)使用。教程很不錯(cuò)，推薦過(guò)來(lái)，希望對(duì)大家有所幫助！
本例思路：
導(dǎo)入素材制作按鈕。
制作示波圖模擬動(dòng)畫。
編寫程序。
實(shí)例步驟：
(1) 先導(dǎo)入按鈕素材，使用菜單“文件/導(dǎo)入/導(dǎo)入到舞臺(tái)”，如圖所示。
提示：圖片在光盤中，光盤目錄/案例源文件/第十六章/調(diào)入式聲音控制/圖形.swf
圖16-1 圖形
(2)復(fù)制一份出來(lái)，改變其填充顏色為紅色并繪制黑色背景，如圖所示。
圖16-2 元件
(3)再制作“STOP”和“PLAY”按鈕放在圖形上，作為“停止”和“播放”按鈕分別命名為“stopBt”和“playBt”，如圖16- 3所示。
圖16- 3 按鈕
(4)再使用傳統(tǒng)補(bǔ)間制作示波動(dòng)畫，如圖16- 4所示.
圖16- 4 示波動(dòng)畫
(5)將示波動(dòng)畫影片剪輯再轉(zhuǎn)化為“圖形”元件并在屬性面板中循環(huán)次數(shù)設(shè)置為“只播放一次”，在第40幀上按F5插入幀，再將元件復(fù)制一份設(shè)置透明度為“20%”，如圖16-5所示。
圖16- 5 textArea
(6)接下來(lái)編寫代碼，新建一個(gè)圖層命名為“AS”在第一幀上添加代碼完成制作。
技術(shù)看板：代碼解釋
第1行：實(shí)例化一個(gè)聲音對(duì)象。
第2行：加載同一目錄下的聲音文件。
第3行：添加控制并且聲音開始播放。
第6~9行：點(diǎn)擊停止按鈕后聲音和示波動(dòng)畫“_show”停止播放。
第10~13行：點(diǎn)擊播放按鈕后聲音和示波動(dòng)畫“_show”開始播放。
mymp3.load(new URLRequest("sound.mp3"));
var music:SoundChannel=mymp3.play();
stopBt.addEventListener(MouseEvent.CLICK,clickStop);
playBt.addEventListener(MouseEvent.CLICK,clickPlay);
function clickStop(event:MouseEvent):void{
music.stop()
_show.stop()
}
function clickPlay(event:MouseEvent):void{
music=mymp3.play()
_show.play()
}
教程結(jié)束，以上就是通過(guò)聲音對(duì)象的控制來(lái)制作播放器Flash實(shí)例教程，希望大家看完會(huì)有一定的幫助！
相關(guān)文章
flash如何做雨滴下落的動(dòng)畫效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動(dòng)畫效果？想要做一個(gè)逼真的雨滴落下的效果，該怎么做雨滴落下水花擴(kuò)散的效果呢？下面我們就來(lái)看看Flash8做一個(gè)下雨效果的技巧2022-08-18
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做？經(jīng)常使用flash制作動(dòng)畫效果，該怎么制作旋轉(zhuǎn)燈效果，下面我們就來(lái)看看理發(fā)店旋轉(zhuǎn)燈制作技巧，詳細(xì)請(qǐng)看下文介紹2022-07-23
flash怎么把形狀變成文字? flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法
flash怎么把形狀變成文字？flash繪制的星星想要慢慢變成文字，該怎么將圖形變文字呢？下面我們就來(lái)看看flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法，詳細(xì)請(qǐng)看下文介紹2022-06-06
flash怎么制作補(bǔ)間動(dòng)畫? flash變形動(dòng)畫的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動(dòng)畫？flash中想要制作形狀變化的動(dòng)畫效果，該怎么制作補(bǔ)間動(dòng)畫呢？下面我們就來(lái)就來(lái)看看flash變形動(dòng)畫的實(shí)現(xiàn)方法2022-02-06
FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動(dòng)畫的技巧
FLASH怎么讓搖曳的荷花更逼？flash中想要制作風(fēng)吹荷花的動(dòng)畫熊愛(ài)國(guó)，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看flash制作風(fēng)吹荷花動(dòng)畫的技巧2022-02-06
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫? FLASH做擺動(dòng)荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫?？flash中想要制作荷花搖擺的動(dòng)畫，該怎么制作荷花搖曳的動(dòng)畫呢？下面我們就來(lái)看看FLASH做擺動(dòng)荷花的技巧2022-02-06
flash怎么做徑向彩虹文字動(dòng)畫? 文字添加彩虹動(dòng)畫效果的技巧
flash怎么做徑向彩虹文字動(dòng)畫？flash椎間盤買個(gè)輸入的文字，想要添加動(dòng)畫效果，該怎么添加徑向彩虹文字效果呢？下面我們就來(lái)看看flash文字添加彩虹動(dòng)畫效果的技巧，詳細(xì)請(qǐng)2021-11-09
flash怎么做眨眼動(dòng)畫效果? flash動(dòng)漫人物眨眼動(dòng)畫的做法
flash怎么做眨眼動(dòng)畫效果？flash中想要制作一個(gè)動(dòng)漫人物的眼睛眨眼動(dòng)畫，該怎么制作呢？下面我們就來(lái)看看flash動(dòng)漫人物眨眼動(dòng)畫的做法2021-11-08
flash怎么制作火焰文字效果? flash做火焰字體動(dòng)畫的技巧
flash怎么制作火焰文字效果？flash中想要制作一個(gè)熊熊燃燒的活顏文字，該怎么制作這個(gè)文字效果呢？下面我們就來(lái)看看flash做火焰字體動(dòng)畫的技巧2021-11-01
flash怎么做文字動(dòng)畫logo? 閃動(dòng)的片頭動(dòng)畫flash的實(shí)現(xiàn)方法
flash怎么做文字動(dòng)畫logo？flash中想要制作一個(gè)文字logo的動(dòng)畫，讓文字閃爍，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看flash制作文字動(dòng)畫的技巧2021-10-29
