再学AS3（六）：音乐播放器1--控制播放进度
作者：qinz 类型:闪吧BBS 来源:闪吧
主要功能：
点击进度条音乐从鼠标点击处开始播放。
制作过程：
1、新建FLASH CS3文档，保存名为“音乐播放器进度控制”，保存在存有音乐的文件夹内。设置文档大小：252×114像素，帧频：24fps。
2、第一层名为“播放器背景”，在该层画一个播放器背景。
3、新建图层，名为“播放进度框”，画一个无边框的圆角矩形，边角半径为8，宽202高6，填充颜色为#006600，使其垂直水平于舞台。
4、新建图层，名为“播放进度背景”，画一个无边框的圆角矩形，边角半径为8，宽200高4，从上到下填充#99CC00到#55802B渐变色，使其垂直水平于舞台。
5、新建图层，名为“播放进度条”，画一个无边框的圆角矩形，边角半径为0，宽202高6，从上到下填充#00CCFF到#0066FF渐变色，使其垂直水平于舞台，转换为名为“播放进度条”的影片剪辑。在场景中的实例名为“bfjdt_mc”。
6、新建图层，名为“播放进度条遮罩”，把“播放进度背景”图层上帧复制并粘贴到“播放进度条遮罩”图层上，右键选择“遮罩层”。
7、新建图层，名为“进度控制”，画一个无边框的圆角矩形，边角半径为0，宽200高6，填充颜色任意，使其垂直水平于舞台，转换为名为“进度控制”的按钮元件，并将“弹起”帧上的图形拖到“点击”帧上。在场景中的实例名为“jdcz_btn”。
8、新建图层，名为“AS”，在帧上写如下代码：
//申明变量
var _sound:Sound=new Sound();
var _channel:SoundChannel=new SoundChannel();
var loaded:int;
var total:int;
var _length:int;
var position:int;
var percentBuffered:Number;
var percentPlayed:Number;
//载入MP3并播放
var url:String="****.mp3";//你电脑上的MP3音乐文件名，把该文件与MP3音乐文件放在一个文件夹内。
var _request:URLRequest = new URLRequest(url);
_sound.load(_request);
_channel=_sound.play();
bfjdt_mc.visible=false;
//添加不断更新监听事件
addEventListener(Event.ENTER_FRAME,yx);
function yx(event:Event):void {
loaded=_sound.bytesLoaded;
total=_sound.bytesTotal;
_length=_sound.length;
position=_channel.position;
percentBuffered=loaded / total;
//jzjdt_mc.scaleX= percentBuffered;//因播放的是本地MP3，故不需要加载进度显示。
_length/=percentBuffered;
percentPlayed=position / _length;
bfjdt_mc.scaleX=percentPlayed;
bfjdt_mc.visible=true;
}
if (percentBuffered>=1) {
jdcz_btn.addEventListener(MouseEvent.CLICK,jdcz);
}
}
//播放进度控制
function jdcz(e:MouseEvent):void {
_channel.stop();
var bfjdbfb:Number=(mouseX-26)/200;
bfjdt_mc.scaleX=bfjdbfb;
position =_length*bfjdbfb;
_channel=_sound.play(position);
}
var _sound:Sound=new Sound();
var _channel:SoundChannel=new SoundChannel();
var loaded:int;
var total:int;
var _length:int;
var position:int;
var percentBuffered:Number;
var percentPlayed:Number;
//载入MP3并播放
var url:String="****.mp3";//你电脑上的MP3音乐文件名，把该文件与MP3音乐文件放在一个文件夹内。
var _request:URLRequest = new URLRequest(url);
_sound.load(_request);
_channel=_sound.play();
bfjdt_mc.visible=false;
//添加不断更新监听事件
addEventListener(Event.ENTER_FRAME,yx);
function yx(event:Event):void {
loaded=_sound.bytesLoaded;
total=_sound.bytesTotal;
_length=_sound.length;
position=_channel.position;
percentBuffered=loaded / total;
//jzjdt_mc.scaleX= percentBuffered;//因播放的是本地MP3，故不需要加载进度显示。
_length/=percentBuffered;
percentPlayed=position / _length;
bfjdt_mc.scaleX=percentPlayed;
bfjdt_mc.visible=true;
}
if (percentBuffered>=1) {
jdcz_btn.addEventListener(MouseEvent.CLICK,jdcz);
}
}
//播放进度控制
function jdcz(e:MouseEvent):void {
_channel.stop();
var bfjdbfb:Number=(mouseX-26)/200;
bfjdt_mc.scaleX=bfjdbfb;
position =_length*bfjdbfb;
_channel=_sound.play(position);
}
进入作者个人空间学习交流：http://space.flash8.net/space/?401869/
- 上一篇:
- Photoshop制作逼真的红色玻璃球
- 没有相关教材
- 最近更新