Flash实例教程:通过声音对象的控制来制作播放器

所属分类: 媒体动画 / Flash教程 阅读数: 66
收藏 0 赞 0 分享

本例通过程序读取外部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教程,思缘教程网

图16- 4 示波动画

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

Flash制作调入式声音控制实例教程,PS教程,思缘教程网

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

教程结束,以上就是通过声音对象的控制来制作播放器Flash实例教程,希望大家看完会有一定的帮助!

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多