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

.

.

 
 
 

日志

 
 

FLASH播放器按钮/进度条/音量控制的制作   

2009-10-11 21:14:48|  分类: 【播放器材】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

理睬FLASH播放器按钮/进度条/音量控制的制作

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

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

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

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

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

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

源文件包下载

可参考文件包里的学习.也可以按教程自行设计.

(注意一:动作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,元件行为设置,元件名称: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 (tFrame1 && 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;

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

2009年6月22日 - 理睬 - .

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

想提高人气

请点击以下链接

2008年12月8日 - 理睬 - 理 睬  2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬  2008年12月8日 - 理睬 - 理 睬 

最新日志后面导航 - 理睬 - .

  评论这张
 
阅读(1303)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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