今晚随手写一个简单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:播放按钮