收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
播放器/进度条/音量控制的制作         
播放器/进度条/音量控制的制作
作者:未知 文章来源:ZT 点击数:2837 更新时间:2010-12-25 3:24:45

一.制作音量控制:(注意,你制作的图形尺寸要严格按我给的数据,对齐方式也要按我的要求办,否则会出现偏差,原因是,动作脚本里的数值与图形和对齐方式有关系.图形的样式由你任意设计)(如果你想让音量指示条长到130,脚本里的59要改成118,然后,组合里的位置也要相应调整)

二.制作进度指示:(注意,你制作的图形尺寸要严格按我给的数据,对齐方式也要按我的要求办,否则会出现偏差,原因是,动作脚本里的数值与图形和对齐方式有关系.图形的样式由你任意设计)(如果你想让进度条短一些,去库里双击<进度指示条>,把长度从505改成252的话,同时有把脚本中的两处495改成248)

三.制作声音控制按钮:(注意:按钮可以自己制作,也可以使用现成的.从共用库里拉到场景里,设置按钮的动作脚本,就可以使用了.另外,在场景层里增加一层脚本层,目的是打开文件的时候音乐不自动播放,唱完也不自动返回,具体做法是:在脚本层第二帧和尾帧分别插入关键帧,再右击首帧和尾帧,设置<动作>,在专家模式下,双击<影片控制>的<stop>就可以了)

四.按钮,进度,音量的组合使用:(这里使用的按钮,是在影片元件里动作脚本设置好的,同上面的按钮起一样的作用,你用上面的按钮设置就行了)

五.如果显示进度秒数或设置更多的按钮,还有左右声道控制等等,还需要建立mc元件,设置多一些动作脚本.这就不叙述了.

六,带有快进快退的播放条的制作教程

源文件包下载

可参考文件包里的<声控03.fla>学习.也可以按教程自行设计.

(注意一:动作AS复制粘贴的时候,使用<专家模式>,需要修改AS的时候也可以转换到<标准模式>进行修改)

(注意二:有两处需要设置实例名称,一处动态窗口设置变量名)

(注意三:在设置action_mc的五帧AS里,有说法,第2帧第4帧要设置属性里的<帧标签>)

(注意四:如果改变元件line_mc第一层的播放条长度,需要修改AS:两处正负150和一处145的数值)

1,运行FLASH-MX程序

2,点<插入><新建元件>,元件行为设置<影片剪辑>,元件名称:action_mc

只用一层就够:连续设置五个关键帧,对每个关键帧设置动作:

第一帧:

stop();

第二帧:(注意:设置完下面的AS后,打开属性面板再一次点这一帧,在属性的<帧标签>里写上:left 不进行这一设置,快进快退是不好用的)

with (_root) {

if (_currentframe>20) {

gotoAndPlay(_currentframe-20);

} else {

gotoAndStop(1);

}

}

第三帧:

gotoAndPlay("left");

第四帧:(注意:设置完下面的AS后,打开属性面板再一次点这一帧,在属性的<帧标签>里写上:right 不进行这一设置,快进快退是不好用的)

with (_root) {

if (_currentframe<_totalframes-20) {

gotoAndPlay(_currentframe+20);

} else {

gotoAndStop(_totalframes);

}

}

第五帧:

gotoAndPlay("right");

3,点<插入><新建元件>,元件行为设置<按钮>,元件名称:line_button

在<弹起>下方,用椭圆工具会制一个带边的正圆.宽高25,颜色:绿,边:黑.

4,点<插入><新建元件>,元件行为设置<影片剪辑>,元件名称:line_button_mc

在一层第一帧里,将line_button拖入舞台,水平垂直都居中.

对舞台里的元件设置动作脚本:

on (press) {

_root.stop();

_root.flag = false;

startDrag(this, false, -150, 0, 150, 0);

}

on (release) {

stopDrag();

tFrame = int((_x+200)/2);

// trace(tframe)

if (tFrame<>1 && tFrame<>_root._currentframe) {

_root.gotoAndPlay(tFrame);

} else {

_root.gotoAndStop(tFrame);

}

_root.flag = true;

}

5,点<插入><新建元件>,元件行为设置<影片剪辑>,元件名称:line_mc

建两层:下层用椭圆工具绘制一个高12宽300的带边的矩形,水平垂直都居中,颜色:绿,边:黑.

上层把line_button_mc元件拖入舞台,水平垂直都居中.设置动作:

onClipEvent (enterFrame) {

if (_root.flag == true) {

_x = _root._currentframe/2-145;

_root.all.ff = int((_root._currentframe/_root._totalframes)*100);

}

}

6,点<插入><新建元件>,元件行为设置<影片剪辑>,元件名称:声控组件

建三层:下层用矩形工具绘制一个高50宽548的带边的矩形(颜色:灰色,左和上边白,右和下边:黑),水平垂直都居中.

中层用矩形工具绘制一个高28宽63的带边的矩形(颜色:黑色,左和上边灰,右和下边:白),X=204,Y=-14.

上层从公共库拖入五个按钮(也可以自己制作):

按钮一:gel Right 功能:播放,设置按钮动作,位置:垂直:居中,水平:X=-268,Y=-15

on (release) {

_root.play();

}

按钮二:gel Pause 功能:暂停,设置按钮动作,位置:垂直:居中,水平:X=-238,Y=-15

on (release) {

_root.stop();

}

按钮三:gel Stop 功能:停止,设置按钮动作,位置:垂直:居中,水平:X=-208,Y=-15

on (release) {

_root.gotoAndStop(1);

}

按钮四:gel Rewind 功能:快返回,设置按钮动作,位置:垂直:居中,水平:X=-178,Y=-15

on (press) {

actionmc.gotoAndPlay("left");

}

on (release) {

actionmc.gotoAndStop(1);

}

按钮五:gel Fast Forward 功能:快前进,设置按钮动作,位置:垂直:居中,水平:X=172,Y=-15

on (press) {

actionmc.gotoAndPlay("right");

}

on (release) {

actionmc.gotoAndStop(1);

}

播放条:功能:进度指示.把line_mc拖到舞台,位置:X=-135,Y=-6

MC:功能:动作.把action_mc拖到舞台,设置<实例名称>为:actionmc 位置:X=-65,Y=-16 (位置可以随便放置)

动态窗口:功能:显示进度百分比.用工具A字母绘制动态窗口:变量名:ff 宽:30.4 高:22 位置X=211,Y=-11 字体:Arial 字号:14,字色:亮绿,B加粗.

百分比符号:用工具中的A字母,写入百分号:% 设置字为绿色,字体Arial 字号:18 加粗B 位置:X=243,Y=-13

7.回场景编辑:

场景建三层:

下层: 把库中<声控组件>拉入舞台:设置<实例名称>为:all 位置:水平:居中,垂直:底对齐.按歌曲长度延长帧.

中层: 加入歌曲,设置:数据流,按歌曲长度延长帧.

上层:按歌曲长度延长帧.在第一帧(注意第一帧不设置关键帧)加动作:

stop();

_root.flag = true;

还是上层:在最后一帧加关键帧,并设置动作:

stop();

调试说明:

一,手拖滑快的活动范围设置(修改元件line_button_mc里的AS数值):

在测试影片的时候,用鼠标左右拖动滑快的时候是有范围的,这个范围的起点终点位置与下列因素有关:

1,与元件line_mc里的 300 宽有关.(记住300)

2,与元件line_button里的圆形宽25有关(无论做成方形还是圆形).(记住25)

3,当你改变上面两图形的宽度的话,以上两数据就不是300和25了,需要把元件line_button_mc里的AS数据做相应改变.

计算方法:

300-25=275 275/2=137.5 (记住137.5)

4,修改元件line_button_mc里的AS样式,把两处150替换成137.5如下:

startDrag(this, false, -150, 0, 150, 0); 改写成 startDrag(this, false, -137.5, 0, 137.5, 0);

二,用播放按钮播放歌曲时滑快活动范围设置(修改元件line_mc里的AS数值):

在测试影片的时候,按<播放按钮>后,滑快移动的起点终点,与下列因素有关:

1,与歌曲长度的总帧数有关系.

2,与图形宽300和25有关.(记住300和25)

3,当你导入的歌曲不同,歌曲的总帧数也不一样,例如有一只歌曲长度的总帧数是3120帧(记住3120).

数据计算方法:

300-25=275 3120帧/275=11.35 (记住这的11.35和前面的137.5)

4,修改元件line_mc里的AS样式,把两处2-145替换成11.35-137.5如下:

_x = _root._currentframe/2-145; 改写成 _x = _root._currentframe/11.35-137.5;

全部制作完成,至于按钮样式,进度条颜色等等,可任意设置,看你的艺术水平而定.

————————————————————————————————————

点击下页观看另一种制作方法(用Flash制作音量控制程序)

[1] [2]  下一页

文章录入:晴天    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长