欢迎访问乐学网站!学习制作Flash的摇篮!
站内搜索:
浏览信息 您当前的位置:首页 >> 浏览信息
FLASH播放器播放进度条的制作方法
【字体: 】   【时间:2020-3-30】  【作者:乐学-www.lexue.noip.cn】  【关 闭】  【打 印
FLASH播放器播放进度条的制作方法

1、制作控制条
    插入--新建元件--影片剪辑--名:控制条--线段工具--黑细线(长255)即:播放进度条条背景。
2、制作滑块
    再插入--新建元件--影片剪辑--名:滑块--放射状--椭圆工具--圆(宽12,高12)即:播放进度条上的滑动圆--滑块。
3、滑块放到控制条里
    将滑块影片剪辑拖入控制条影片剪辑(第二层)内--实例名称:huakuai
4、给滑块添加代码
    给滑块添加代码前必须说明:在滑块影片剪辑内X、Y坐标必须为0,在控制条影片剪辑内,细黑线的X、Y坐标也必须为0,否则不会正常滑动。点击滑块,打开“动作”添加代码。代码(1)和代码(2)任选其一。
代码(1)
    功能说明:此代码用鼠标滑动滑块并不祛除多余的声音
on (press) {
startDrag("", true, 0, -5, 255, -5);
}
on (releaseOutside, rollOver) {
stopDrag();
}
//startDrag("", true, 0, -5,255,-5)中的值:选中脚本助手状态,刷黑startDrag,“在影片剪辑上开始拖放动作”栏:勾选限制为矩形、勾选锁定鼠标到中央、左:0、右:255(细线的长度)、顶:-5、底:-5。-5是怎么得来的:在控制条影片剪辑内,点选滑块影片剪辑,此时的Y坐标即为顶和底的值。
滑块作好了,测试移动效果也比较好,但我们还需要他与歌曲播放的秒数同步移动。代码要写在onEnterFrame = function () 内,即:_root.bofangtiao.huakuai._x = 255*(yibofang/zongchangdu); 意思是在主场景播放条下的滑块的X轴等于已播放除以总长度再乘以细线的长度255。

代码(2)
    功能说明:此代码使滑块从停止处开始播放,并祛除多余的声音:点选滑块--打开动作--添加代码:
on (press) {
_root.mysound.stop();
//当鼠标按下滑块,首先停止声音。
startDrag("", true, 0, -5, 255, -5);
}
on (releaseOutside, rollOver) {
bb = ((_root.bofangtiao.huakuai._x)*(_root.mysound.duration/1000)/255);
//当鼠标拖动滑块停止后,要记录下滑块的位置即X坐标。公式:滑块_X=已播放/总长度*255。其实bb是已播放的声音
_root.mysound.stop();
//当鼠标拖动滑块停止后,首先停止声音即去除多余声音,然后再
_root.mysound.start(bb);
//从滑块停止处开始播放
stopDrag();
5、将控制条布置场景中
    将控制条影片剪辑(和滑块二合一的控制条)拖入主场景,放合适位,调好长短--实例名称:bofangtiao
6、主场景布置
    播放进度条的制作就算完成了。但是此时的播放条不会动还要与主场景的代码配合也就是没有歌曲音乐怎么能动呢,动了不就是有问题了吗?
主场景最顶层设为代码层加如下代码即可。
   mysound = new Sound();
mysound.loadSou("http://www.170hi.com/kw/antiserver.kuwo.cn/anti.s?rid=MUSIC_92219010&response=res&format=mp3|aac&type=convert_url&br=128kmp3&agent=iPhone&callback=getlink&jpcallback=getlink.mp3", true); 

onEnterFrame = function () {
huanchong = "缓冲:"+int(mysound.getBytesLoaded()/mysound.getBytesTotal()*100)+"%";
  //缓冲百分比
  zongchangdu = int(mysound.duration/1000);
  //歌曲总长度,以毫秒为单位
  yibofang = int(mysound.position/1000);
  //已经播放的声音 以毫秒为单位
  _root.bofangtiao.huakuai._x = 255*(yibofang/zongchangdu);
  //播放条
}

关闭页面】【页面顶部
本站所有资源未经许可不得转载复制,违者必究。
© Copyright 2008-2020 www.lexue.noip.cn All Right Reaserved. 乐学网站 拥有所有版权
联系:邮箱 mfsluw@163.com QQ:757516636 苏ICP备08106044号   技术支持:乐学