Flash 与课件制作：Mp3播放

今晚随手写一个简单Mp3播放，功能非常简单，没有用到很完善的类库，单独写在一个类没有对其进行分开。可以当课件使用。制作这个主要目的就是播放一首Mp3。播放Mp3已经不是什么新鲜的事情。今天只是结合到一些交互使用来完成这个超级简单的Mp3的播放。

首先在文档里面制作我们所需的元件，包括播放按钮，进度条，音量调节，暂停，等按钮。

1 、制作播放按钮

使用一个影片剪辑完成，当中里面设置两帧，一帧是用于放置播放按钮，一帧是用于显示暂停按钮，并为两帧设置标签。

一个可以切换播放或者暂停按钮的元件已经完成了。

当中，会使用到跳帧的方法切换按钮状态。所以在帧上里面写上了标签。有了这个后可以进行跳帧了，控制mc里面的元件显示。

2、制作停止按钮

制作停止按钮的时候，只是需要画图工具，绘制一个圆角和矩形组合即可。

3、制作可以拖放进度条

制作这个元件的时候，需要制作两个元件MC，一个用来显示底部（深绿色），一个用来显示进度（橙色）。

并为这橙色元件改名 controlBar，设置宽度为1。（一会用来显示进度）

完成之后，可以进行。

4、一些基本的方法：

在as3 cookbook 里面已经有很多关于mp3玩法。功能 是大同小异。

基本上功能有 播放，暂停，停止，拖放进度，静音，音量控制。主要的涉及到这些。

下面涉及到一些基本方法说明：

position 是位置记录。

播放音乐

channel=sound.play(position); 播放

停止音乐

channel.stop();停止

暂停的时候，先记录位置，再停止

position=channel.position;//记录当时的播放位置
channel.stop();

恢复播放的时候，利用这个位置Postion进行播放。

channel=sound.play(position); 播放

5、进度条交互

进度条的拖放交互，使用的鼠标按下，鼠标移动，鼠标松开的组合方式交互。

当鼠标按下的时候，可以让进度条宽度改变，产生进度改变。

progressBar.controlBar.width=progressBar.mouseX;

在鼠标移动的时候，使用鼠标坐标改变进度条的宽度。这样子进度条就像被拖放一样，实际上是改变了控制条的宽度。

progressBar.controlBar.width=progressBar.mouseX;

鼠标松开的时候，删除移动的监听事件

stage.removeEventListener(MouseEvent.MOUSE_UP,onMouseUPHandler);

完整代码：

一些说明：

当中一些跳转的帧，如

volumeBtn.gotoAndStop("stop"); 需要在元件里面设置帧标签。（volumeBtn 为音量控制按钮，用于静音设置）

volumeBar ：音量控制条

progressBar：进度显示条

stopBtn：停止按钮

playBtn：播放按钮

package { import flash.display.Sprite; import flash.display.MovieClip; import flash.events.*; import flash.net.*; import flash.media.*; import flash.geom.*; import flash.display.SimpleButton; public class Main extends Sprite { private var position:Number=0;//播放位置 private var channel:SoundChannel; private var sound:Sound; private var songUrl:String="1.mp3";//mp3的路径 private var isPlay:Boolean=false;//是否播放 public function Main() { init(); } private function init():void { //加载音乐 sound=new Sound(); sound.addEventListener(IOErrorEvent.IO_ERROR,onErrorHandler); sound.addEventListener(Event.COMPLETE,onLoadSoundComplete); sound.load(new URLRequest(songUrl)); playBtn.stop(); volumeBtn.stop(); playBtn.buttonMode=true; stopBtn.buttonMode=true; progressBar.controlBar.mouseEnabled=false; volumeBar.controlBar.mouseEnabled=false; progressBar.buttonMode=true; volumeBtn.buttonMode=true; volumeBar.buttonMode=true; volumeBar.controlBar.width=volumeBar.width; //trace(volumeBar.width) //开始按钮，停止按钮，进度条监听鼠标事件 playBtn.addEventListener(MouseEvent.CLICK,onPlaySoundHandler); stopBtn.addEventListener(MouseEvent.CLICK,onStopSoundHandler); progressBar.addEventListener(MouseEvent.MOUSE_DOWN,onStartDragBarHandler); volumeBtn.addEventListener(MouseEvent.CLICK,onMuteSoundHandler); volumeBar.addEventListener(MouseEvent.MOUSE_DOWN,onStartDragVolomeBarHandler); } private function onErrorHandler(event:Event):void { trace("发生错误"); } private function onLoadSoundComplete(event:Event):void { sound.removeEventListener(Event.COMPLETE,onLoadSoundComplete); channel=sound.play(position);//开始播放 playBtn.gotoAndStop("pause"); isPlay=true; addEventListener(Event.ENTER_FRAME,onProgressHandler); } private function onProgressHandler(event:Event):void { if (channel==null)return; if (isPlay) { progressBar.controlBar.width=channel.position/sound.length*progressBar.width;//让进度条产生宽度变化 } if (progressBar.controlBar.width<=progressBar.width && progressBar.controlBar.width>=progressBar.width-2) { stopSound(); } } //播放和暂停处理 private function onPlaySoundHandler(event:MouseEvent):void { if (playBtn.currentLabel=="start") { if (isPlay==false) { isPlay=true; playBtn.gotoAndStop("pause"); playSound(); } } else { if (isPlay) { isPlay=false; playBtn.gotoAndStop("start"); pauseSound(); } } } private function onStopSoundHandler(event:MouseEvent):void { stopSound(); } private function onStartDragBarHandler(event:MouseEvent):void { channel.stop(); playBtn.gotoAndStop("pause"); progressBar.controlBar.width=progressBar.mouseX; event.updateAfterEvent(); position=progressBar.controlBar.width/progressBar.width*sound.length; channel=sound.play(position); progressBar.addEventListener(MouseEvent.MOUSE_MOVE,onMouseMoveHandler); stage.addEventListener(MouseEvent.MOUSE_UP,onMouseUPHandler); } private function onMouseMoveHandler(event:MouseEvent):void { channel.stop(); progressBar.controlBar.width=progressBar.mouseX; position=progressBar.controlBar.width/progressBar.width*sound.length; channel=sound.play(position); event.updateAfterEvent(); } private function onMouseUPHandler(event:MouseEvent):void { if (progressBar.hasEventListener(MouseEvent.MOUSE_MOVE)) { progressBar.removeEventListener(MouseEvent.MOUSE_MOVE,onMouseMoveHandler); } if (volumeBar.hasEventListener(MouseEvent.MOUSE_MOVE)) { volumeBar.removeEventListener(MouseEvent.MOUSE_MOVE,onChangeVolumeHandler); } stage.removeEventListener(MouseEvent.MOUSE_UP,onMouseUPHandler); } //静音处理 private function onMuteSoundHandler(event:MouseEvent):void { if (channel==null)return; if (volumeBtn.currentLabel=="start") { volumeBtn.gotoAndStop("stop"); channel.soundTransform=new SoundTransform(0); } else { volumeBtn.gotoAndStop("start"); channel.soundTransform=new SoundTransform(1); } } //拖动声音控制 private function onStartDragVolomeBarHandler(event:MouseEvent):void { volumeBar.controlBar.width=volumeBar.mouseX; var volume:Number=volumeBar.controlBar.width/volumeBar.width; channel.soundTransform=new SoundTransform(volume); event.updateAfterEvent(); volumeBar.addEventListener(MouseEvent.MOUSE_MOVE,onChangeVolumeHandler); stage.addEventListener(MouseEvent.MOUSE_UP,onMouseUPHandler); } //改音乐 private function onChangeVolumeHandler(event:MouseEvent):void { volumeBar.controlBar.width=volumeBar.mouseX; trace(progressBar.controlBar.width); var volume:Number=volumeBar.controlBar.width/volumeBar.width; channel.soundTransform=new SoundTransform(volume); event.updateAfterEvent(); stage.addEventListener(MouseEvent.MOUSE_UP,onMouseUPHandler); } //停止播放音乐 private function stopSound():void { if (channel==null)return; channel.stop(); playBtn.gotoAndStop("start"); position=0; isPlay=false; progressBar.controlBar.width=1; } //播放音乐 private function playSound():void { if (channel==null)return; channel=sound.play(position); } //暂停音乐 private function pauseSound():void { if (channel==null)return; position=channel.position;//记录当时的播放位置 channel.stop(); } } }