日期:2013-07-08  浏览次数:20585 次



次要功用:
点击进度条音乐从鼠标点击处开始播放。

制造过程:
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);
}