如何制作FLASH聲音播放進(jìn)度條
在前面的文章中,我們已經(jīng)學(xué)習(xí)了如何制作一個(gè)聲音進(jìn)度條。由于聲音是嵌入在時(shí)間軸中的,接下來我們將學(xué)習(xí)如何加載聲音文件并通過進(jìn)度條顯示播放進(jìn)度。主要知識(shí)點(diǎn):聲音文件加載和播放進(jìn)度顯示1. 打開FLASH
在前面的文章中,我們已經(jīng)學(xué)習(xí)了如何制作一個(gè)聲音進(jìn)度條。由于聲音是嵌入在時(shí)間軸中的,接下來我們將學(xué)習(xí)如何加載聲音文件并通過進(jìn)度條顯示播放進(jìn)度。
主要知識(shí)點(diǎn):聲音文件加載和播放進(jìn)度顯示
1. 打開FLASH CS6軟件,并新建一個(gè)AS3文檔。
2. 將文檔保存到本地,并找一個(gè)mp3格式的聲音文件,將其放置在同一目錄下,并命名為"音樂文件.mp3"。
3. 在舞臺(tái)上繪制一個(gè)長條矩形,并將其轉(zhuǎn)換為影片剪輯。
4. 設(shè)置該影片剪輯的實(shí)例名為"line_mc"。
5. 接下來,在舞臺(tái)上繪制一個(gè)圓形,并將其轉(zhuǎn)換為影片剪輯。
6. 設(shè)置該影片剪輯的實(shí)例名為"bar_mc"。
7. 在主時(shí)間軸上添加以下代碼:
```actionscript
var sound:Sound new Sound();
sound.load(new URLRequest("音樂文件.mp3"));
(, onSoundComplete);
var channel:SoundChannel;
function onSoundComplete(event:Event):void {
channel ();
addEventListener(Event.ENTER_FRAME, updateProgressBar);
}
function updateProgressBar(event:Event):void {
var currentPosition:Number channel.position;
var totalLength:Number sound.length;
var progress:Number currentPosition / totalLength;
bar_mc.x line_mc.x line_mc.width * progress;
}
```
8. 運(yùn)行后,你會(huì)看到圓形滑塊隨著音樂的播放不斷向右移動(dòng),展示出音樂的播放進(jìn)度。
這樣,我們就成功地制作了一個(gè)能夠加載聲音文件并顯示播放進(jìn)度的聲音播放進(jìn)度條。通過掌握這些技巧,你可以為你的FLASH項(xiàng)目增加更多互動(dòng)性和用戶體驗(yàn)。