再学AS3(六)——音乐播放器(2):…

来源:互联网 发布:怎么提高淘宝店铺流量 编辑:程序博客网 时间:2024/06/16 03:39

主要功能:
点击音量条音量随鼠标点击可大可小

制作过程:
1、新建FLASHCS3文档,保存名为“音乐播放器音量控制”,保存在存有音乐的文件夹内。设置文档大小:252×114像素,帧频:24fps。
2、第一层名为“播放器背景”,在该层画一个播放器背景。
3、新建图层,名为“音量框”,画一个无边框的矩形,边角半径为0,宽67高6,填充颜色为#006600,使其垂直水平于舞台;再画一个无边框的矩形,边角半径为0,宽65高4,从上到下填充#C6E2A9到#669933渐变色,使其垂直水平于舞台;再把整体坐标移到X:159、Y:81。
再学AS3(六)——音乐播放器(2):音量控制
4、新建图层,名为“音量条”,画一个无边框的圆角矩形,边角半径为0,宽65高4,从上到下填充#ACDEFF到#0087E1渐变色,坐标X:160、Y:82。转换为名为“音量条”的影片剪辑(注册点在左上角)。在场景中的实例名为“ylt_mc”。
再学AS3(六)——音乐播放器(2):音量控制
5、新建图层,名为“音量控制”,画一个无边框的矩形,边角半径为0,宽65高4,填充颜色任意,坐标X:160、Y:82。转换为名为“音量控制”的按钮元件,并将“弹起”帧上的图形拖到“点击”帧上。在场景中的实例名为“ylcz_btn”。
再学AS3(六)——音乐播放器(2):音量控制
6、新建图层,名为“AS”,在帧上写如下代码:

//载入音乐并播放
var _sound:Sound=new Sound();
var _channel:SoundChannel=new SoundChannel();
var url:String="******.mp3";//你电脑上的MP3音乐文件名,把该文件与MP3音乐文件放在一个文件夹内。
var _request:URLRequest = new URLRequest(url);
var yl:Number=1;
var yinliang:SoundTransform;
_sound.load(_request);
_channel=_sound.play();
//音量控制
function ylcz(e:MouseEvent):void {
 yl=(mouseX-160)/65;
 ylt_mc.scaleX= yl;
}
addEventListener(Event.ENTER_FRAME,yx);
function yx(event:Event):void {
 yinliang= _channel.soundTransform;
 yinliang.volume = yl;
 _channel.soundTransform. = yinliang;
}

你也可以加个拖动按钮控制音量大小
第5步改为:
新建图层,名为“音量滑块”,画一个圆形,宽14高14,填充你喜爱的颜色。转换为名为“音量滑块”的影片剪辑(注册点在中心)。在场景中的实例名为“ylhk_btn”,坐标X:220、Y:84。
再学AS3(六)——音乐播放器(2):音量控制
在AS图层的帧上写如下代码:

var _sound:Sound=new Sound();
var _channel:SoundChannel=new SoundChannel();
var url:String="******.mp3";//你电脑上的MP3音乐文件名,把该文件与MP3音乐文件放在一个文件夹内。
var _request:URLRequest = new URLRequest(url);
_sound.load(_request);
_channel=_sound.play();
addEventListener(Event.ENTER_FRAME,yx);
function yx(event:Event):void {
 //音量随音量滑块的坐标改变而改变
 var yinliang:SoundTransform. =_channel.soundTransform;
 var yl:Number=(ylhk_btn.x-160)/60;
 yinliang.volume = yl;
 _channel.soundTransform. = yinliang;
 ylt_mc.scaleX= yl;
}
//音量滑块拖动
var tdfw:Rectangle = new Rectangle(160,84,60,0);
ylhk_btn.buttonMode=true;
ylhk_btn.addEventListener(MouseEvent.MOUSE_DOWN,td);
function td(e:MouseEvent):void {
 ylhk_btn.startDrag(false,tdfw);
}
ylhk_btn.addEventListener(MouseEvent.MOUSE_UP,sf);
function sf(e:MouseEvent):void {
 ylhk_btn.stopDrag();
}
stage.addEventListener(MouseEvent.MOUSE_UP,yc);
function yc(event:MouseEvent):void {
 ylhk_btn.stopDrag();
}

 


2010音乐播放器(2)——音量控制2

2010音乐播放器(2)——音量控制2.swf(62.7 KB)

2010音乐播放器(2)——音量控制1

2010音乐播放器(2)——音量控制1.swf(62.5 KB)

0 0
原创粉丝点击