注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

歌声相伴 开心前行

.....................

 
 
 

日志

 
 

如何制作播放器按钮、进度条和音量控制【引用】  

2014-06-07 11:06:05|  分类: 生活百科 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  


  


  


  

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

 

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

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

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

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

1,运行FLASH程序

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;

 


                                   更多精彩内容,点击理睬日志链接浏览! 

                    ●初学入门● ●博客技巧● ●图片制作● ●文字制作● ●文字素材●

                    ●图画素材● 精美时钟● ●边框分割● ●综合素材● ●综合图库●

                    ●日历天气● ●音画作品● ●视频教程● ●电脑技巧● ●制作教程●

                    ●酷播放器● 综合精品● ●八卦精品● ●名人博客● ●百科奇闻●

                    ●趣味制作● ●趣味图片● ●免费电影● ●游戏天地● ●在线服务●

                    ●搜索引擎● 常用网站● ●艺术网站● ●全国报纸● ●软件下载●

          ●个人情感● 美眉写真● ●摩登时尚● ●写作范文● ●生活宝典●

          想提高人气请点击右图进入2008年12月8日 - 理睬 - 理 睬 2008年12月8日 - 理睬 - 理 睬


               日志后面导航样本 - 理睬 - 理 睬

  评论这张
 
阅读(43)| 评论(11)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017