flashcs4播放器的简单实现及代码.docVIP

一、设计播放器界面 利用Flash CS4 的基本绘图工具和颜色填充工具绘制播放器的界面，注意设置尺寸值，播放进度槽、播放进度条、音量按钮宽度值分别为400、1、6，音量按钮高度值为4， 这些数值将与后面AS 代码的有关数据相对应。分别将播放器界面背景、播放按钮、暂停按钮、停止按钮、播放进度槽、播放进度条、音量条、音量按钮转换成影片剪辑元件beijing、按钮元件1、按钮元件2、按钮元件3、影片剪辑元件4、影片剪辑元件5、影片剪辑元件6、影片剪辑元件7。在Flash 场景中由下至上，把播放器界面背景、暂停按钮、播放按钮、停止按钮、播放进度槽、播放进度条、音量条、音量按钮分别放置在不同 的图层上，通过属性面板的位置参数对齐暂停按钮、播放按钮的位置， 使播放按钮正好放置在暂停按钮的上方， 并在属性面板中为元件依次命名为“bj_mc”、“stp_btn”、“ply_btn”、“restart_btn”、“jdc_mc”、“jdt_mc”、“bar_mc”、“slider_mc”。如图1 所示。 二、编写AS3 代码 1.编程前的准备工作 （1）首先把音乐文件和Flash 文件放置到同一个文件夹里，这样方便文件的调用。 （2）在时间轴上新建一个图层，命名为“action”。选择第一帧，单击动作—帧选项卡，打开动作面板，编写代码。这也是AS3 和AS2 的不同之处，AS3 的动作是写到帧上，而不是写在按钮或者影片剪辑上。 2.调用外部音乐文件 （1） 调用外部文件之前要声明一个实例s 来继承sound 类，输入：var s:Sound = new Sound(); （2）然后定义一个变量req，将音乐文件的路径信息赋给它，输入：var req:URLRequest = new URLRequest(高山流水.mp3); （3）实例s 通过load（）函数来调用音乐文件，输入：s.load(req); 3.播放按钮程序的编写 当鼠标单击播放按钮时，音乐开始播放，因此需要为播放按钮添加一个侦听器来侦听鼠标单击事件。单击播放按钮，调用clickhandle01 函数。音乐播放的同时播放按钮会变成暂停按钮。音乐播放器有暂停功能，即当音乐暂停后，再次单击播放按钮时音乐会从暂停的位置继续播放， 因此需要定一个变量pausePosition 来记录文件播放暂停的当前位置。播放按钮程序编写如下： var channel:SoundChannel = new SoundChannel(); var pausePosition:int = channel.position; function clickhandle01(event:MouseEvent):void{ channel = s.play(pausePosition); ply_btn.visible = false; } ply_btn.addEventListener (MouseEvent.CLICK,clickhandle01); 4.暂停按钮程序的编写 当鼠标单击暂停按钮后，音乐会暂停播放，同时暂停按钮会隐藏，播放按钮会显示出来。同样需要为暂停按钮添加侦听器， 当单击暂停按钮时， 调用clickhandle02 函数。音乐播放暂停之后，需要记录当前音乐的位置，将值赋给pausePosition，这样再单击播放按 钮时，音乐就会从停止的位置继续播放。 function clickhandle02(event:MouseEvent):void{ pausePosition=channel.position; channel.stop(); ply_btn.visible = true; } stp_btn.addEventListener (MouseEvent.CLICK,clickhandle02); 5.停止按钮程序的编写 停止按钮和暂停按钮有区别，停止是回到正在播放文件的开始并且停止，暂停是停止在文件的当前处。为播放器停止按钮添加一个侦听器来侦听鼠标单击事件，如果单击停止按钮，调用clickhandle03 函数。 function clickhandle03(event:MouseEvent):void{ pausePosition = 1; channel.stop(); ply_btn.visible=true; } restart_btn.addEventListener (MouseEvent.CLICK,clickhandle03); 6.播放进度显示程序的编写 当音乐不断播放时， 进度条就会变长，Event.ENTER_FRAME 可以定时地响应。在onEnterFrame 函数中，定义一个中间变量playbackPercent，表示音乐播放的当前位置和音乐文件长度的