本例通過程序讀取外部MP3文件,通過聲音對象的控制來制作播放器,這種方式適用于Flash交互開發(fā)時使用。
本例思路:
<1> 導(dǎo)入素材制作按鈕。
<2> 制作示波圖模擬動畫。
<3> 編寫程序。
實例步驟:
(1) 先導(dǎo)入按鈕素材,使用菜單“文件/導(dǎo)入/導(dǎo)入到舞臺”,如圖所示。
提示:圖片在光盤中,光盤目錄/案例源文件/第十六章/調(diào)入式聲音控制/圖形.swf
圖16-1 圖形
(2)復(fù)制一份出來,改變其填充顏色為紅色并繪制黑色背景,如圖所示。
圖16-2 元件
(3)再制作“STOP”和“PLAY”按鈕放在圖形上,作為“停止”和“播放”按鈕分別命名為“stopBt”和“playBt”,如圖16- 3所示。
圖16- 3 按鈕
(4)再使用傳統(tǒng)補間制作示波動畫,如圖16- 4所示.
圖16- 4 示波動畫
(5)將示波動畫影片剪輯再轉(zhuǎn)化為“圖形”元件并在屬性面板中循環(huán)次數(shù)設(shè)置為“只播放一次”,在第40幀上按F5插入幀,再將元件復(fù)制一份設(shè)置透明度為“20%”,如圖16-5所示。
圖16- 5 textArea
(6)接下來編寫代碼,新建一個圖層命名為“AS”在第一幀上添加代碼完成制作。
技術(shù)看板:代碼解釋
第1行:實例化一個聲音對象。
第2行:加載同一目錄下的聲音文件。
第3行:添加控制并且聲音開始播放。
第6~9行:點擊停止按鈕后聲音和示波動畫“_show”停止播放。
第10~13行:點擊播放按鈕后聲音和示波動畫“_show”開始播放。
AS3代碼:
var mymp3:Sound=new Sound(); 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() } |
進入論壇參與討論:http://www.missyuan.com/viewthread.php?tid=425894