制作一个简单的Flash音乐播放器

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

本阶段完成的程序
实现选择乐曲

给乐曲按钮添加事件侦听器
//Listeners for the onstage song buttons song1.addEventListener(MouseEvent.CLICK, song2.addEventListener(MouseEvent.CLICK, song3.addEventListener(MouseEvent.CLICK, song4.addEventListener(MouseEvent.CLICK, song5.addEventListener(MouseEvent.CLICK, song6.addEventListener(MouseEvent.CLICK,
this代表引用ActionScript所在的位置,相当
于时间轴 在每个MovieClip包含一个名为title的动态文 本区域 this.song1.title相当于引用场景中song1的title 文本区域

clip.text = str;
为各个文本区域赋值
控制滑块的显示

先让滑块隐藏


添加数组保存播放列表

创建数组songList
设置乐曲名称

使用一个for循环设置乐曲的名称

var str:String = songList[i] as String;
利用变量str存储当前文件名称
例如:
当i = 0时 str = String(“TapTouch.mp3”);

添加滑块
选择sliders层第一帧 添加两个Slider组件实例 分别放在文本区域volLabel和panLabel的 右侧 依次命名为:volSlide panSlide

设置滑块

打开组件检查器对两个滑块进行设置
导入SliderEvent类

选中actions层的第一帧,在动作面板中 添加代码:
chooseSong); chooseSong); chooseSong); chooseSong); chooseSong); chooseSong);
实现选择乐曲

chooseSong()函数
保存用户选择乐曲名称 创建Sound实例 创建相关的SoundChannel和
SoundTransform实例并设置它们的属性 控制声音。 让滑块可见并且设置初始的音量与位置。

控制滑块可见
panSlide.visible = true; volSlide.visible = true;
控制音量和位置空间的可见性

利用currVol和currPan的值显示音量和位 置的值
强制转换数据类型 int(currVol * 100); int(currPan * 100);

-1 —— 只有左声道有声音 1 —— 右声道有声音 0 —— 两个声道有声音

channel = snd.play();
channel.soundTransform = trans;
把channel对象里播放的声音关联到新建的

SoundTransform实例
百度文库测试
控制音量和位置空间的可见性


创建三个类的实例

仍然在actions图层第一帧的动作面板中 添加代码,分别创建三个声音类的实例:
添加其它变量

项目中,还需要其它一些变量用于记录当 前选中的乐曲、当前的音量和位置参数:

currSong——保存当前选中乐曲名称
currVol——保存当前音量 currPan——保存当前播放位置
实现选择乐曲

创建SoundChannel和SoundTransform实 例
为了控制Sound实例的停止、位置和音量需
要与SoundChannel和SoundTransform实例 建立关联
currVol —— 音量 currPan —— 位置
注意: ActionScript中音量的取值范围是0到1 当音量为100时,会以原始音量的100倍 播放 位置的取值范围是-1到1
添加文本格式对象

新建一个TextFormat实例并设置其属性:
添加文本格式对象

将info的默认字体格式设置为format
添加滑块的控制代码

添加滑块滑动事件侦听器
//listeners for the volume and pan sliders volSlide.addEventListener(SliderEvent.CHANGE, volumeChange); panSlide.addEventListener(SliderEvent.CHANGE, panChange);
目标
创建一个简单的音乐播放器 学习是用ActionScript进行基本的声音控 制 掌握ActionScript里与声音相关的一些技 术

了解文件包含的内容
时间轴主要包含三个图层: background——全屏静态图像


song buttons——六个MoiveClip实例
text fields——文本区域


添加侦听器获取MP3文件的ID3标签

添加变量保存加载的全部ID3数据
var id3:ID3Info = snd.id3;

添加侦听器获取MP3文件的ID3标签

添加歌曲名称、艺术家和专辑信息
“\n”—— 在字符串里表示换行 .appendText()方法 —— 用来向文本区域中添
加内容
//listens for arrival of ID3 tags snd.addEventListener(Event.ID3, id3Handler);

添加侦听器获取MP3文件的ID3标签

创建id3Handler()函数
function id3Handler(event:Event):void { }
import fl.events.SliderEvent;
Sound类、SoundChannel类和 SoundTransform类

Sound类——把声音加载到Flash项目并 播放,还可以读取MP3文件中的文本数 据。
SoundChannel类——停止播放声音、监 视声音的音量和位置。 SoundTransform类——控制声音的音量 和位置。
添加侦听器获取MP3文件的ID3标签
MP3格式允许在文件中插入文本形式的 数据 ID3标签 用于保存文件的相关信息,如:

乐曲名称 艺术家姓名
专辑名称
发布日期
添加侦听器获取MP3文件的ID3标签

Event.ID3事件表示从MP3文件中正确读 取了ID3标签 在chooseSong()函数中继续添加代码:
添加滑块的控制代码

添加volumeChange()函数
添加滑块的控制代码

添加panChange()函数
用replace()方法修改文本

str = str.replace(".mp3","");
显示歌曲名称时不希望出现后缀.mp3 使用replace()方法将其删除 第一个参数为需要替换的文本,第二个是 替换的文本




var clip = this["song" + (i + 1)].title;
chooseSong()函数

用变量currSong保存用户选择的乐曲名 称
chooseSong()函数

创建Sound类的实例
首先检测是否有歌曲正在播放 创建新的Sound()实例
实现选择乐曲

把声音加载到Sound实例
snd.load(new URLRequest(currSong));
相关文档
最新文档