PS设计教程网欢迎你!

Flash CS4教程:制作调入式声音控制的按钮

文章来源于 动画设计与制作208例,感谢作者 望月狼 给我们带来经精彩的文章!
设计教程/设计教程/Flash教程2009-10-22
本例通过程序读取外部MP3文件,通过声音对象的控制来制作播放器,这种方式适用于Flash交互开发时使用。

本例通过程序读取外部MP3文件,通过声音对象的控制来制作播放器,这种方式适用于Flash交互开发时使用。

本例思路:

<1> 导入素材制作按钮。
<2> 制作示波图模拟动画。
<3> 编写程序。

实例步骤:

(1) 先导入按钮素材,使用菜单“文件/导入/导入到舞台”,如图所示。

提示:图片在光盘中,光盘目录/案例源文件/第十六章/调入式声音控制/图形.swf

Flash CS4教程:制作调入式声音控制的按钮

图16-1 图形

(2)复制一份出来,改变其填充颜色为红色并绘制黑色背景,如图所示。

Flash CS4教程:制作调入式声音控制的按钮

图16-2 元件

(3)再制作“STOP”和“PLAY”按钮放在图形上,作为“停止”和“播放”按钮分别命名为“stopBt”和“playBt”,如图16- 3所示。

Flash CS4教程:制作调入式声音控制的按钮

图16- 3 按钮

(4)再使用传统补间制作示波动画,如图16- 4所示.

Flash CS4教程:制作调入式声音控制的按钮

图16- 4 示波动画

(5)将示波动画影片剪辑再转化为“图形”元件并在属性面板中循环次数设置为“只播放一次”,在第40帧上按F5插入帧,再将元件复制一份设置透明度为“20%”,如图16-5所示。

Flash CS4教程:制作调入式声音控制的按钮

图16- 5 textArea

(6)接下来编写代码,新建一个图层命名为“AS”在第一帧上添加代码完成制作。

技术看板:代码解释

第1行:实例化一个声音对象。

第2行:加载同一目录下的声音文件。

第3行:添加控制并且声音开始播放。

第6~9行:点击停止按钮后声音和示波动画“_show”停止播放。

第10~13行:点击播放按钮后声音和示波动画“_show”开始播放。

AS3代码:

var mymp3:Sound=new Sound();   
mymp3.load(new URLRequest("sound.mp3"));   
var music:SoundChannel=mymp3.play();   
stopBt.addEventListener(MouseEvent.CLICK,clickStop);   
playBt.addEventListener(MouseEvent.CLICK,clickPlay);   
function clickStop(event:MouseEvent):void{   
    music.stop()   
    _show.stop()   
    }   
function clickPlay(event:MouseEvent):void{   
    music=mymp3.play()   
    _show.play()   
    }

 

进入论坛参与讨论:http://www.missyuan.com/viewthread.php?tid=425894

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa