Flash制作调入式声音控制实例教程

day星星哥

day星星哥

2016-02-16 19:01

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

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

本例思路:

导入素材制作按钮。

制作示波图模拟动画。

编写程序。

实例步骤:

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

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

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

图16-1 图形

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

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

图16-2 元件

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

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

图16- 3 按钮

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

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/flash/)

图16- 4 示波动画

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

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/flash/)

图16- 5 textArea

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

技术看板:代码解释

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

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

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

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

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

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()   
    }

展开更多 50%)
分享

猜你喜欢

Flash制作调入式声音控制实例教程

FLASH flash教程 autocad教程
Flash制作调入式声音控制实例教程

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Flash实例教程:制作圣诞节祝福贺卡-Flash实例教程

FLASH flash教程
Flash实例教程:制作圣诞节祝福贺卡-Flash实例教程

Flash实例教程:模拟海底世界-Flash实例教程

FLASH flash教程
Flash实例教程:模拟海底世界-Flash实例教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Flash实例教程:休闲来喝茶吧!-Flash实例教程

FLASH flash教程
Flash实例教程:休闲来喝茶吧!-Flash实例教程

Flash实例教程:“圆圆&溜溜”搞怪表情-Flash实例教程

FLASH flash教程
Flash实例教程:“圆圆&溜溜”搞怪表情-Flash实例教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

3DMAX实例教程:简单时尚办公空间表现

3DMAX实例教程:简单时尚办公空间表现

3ds max基础教程:设置彩色玻璃材质

3ds max基础教程:设置彩色玻璃材质
下拉加载更多内容 ↓