在Flash里制作MP3播放器教程.docVIP

在Flash里制作MP3播放器教程 本帖最后由 模拟超人 于 2008-12-22 20:23 编辑 [基本思路] 1、通过XML导入外部MP3，在FLASH中解析XML文件，获取音乐的名称和路径；2、通过按钮实现“播放”、“暂停”、“停止”、“上一首”、“下一首”等功能；3、拖动滑块进行音量的控制；4、显示已播放音乐的时间和已加载音乐的时间；实现音乐加载的进度条动画。[步骤] 第一步：新建文件夹music。第二步：用记事本创建xml文件，保存在文件夹music中。①打开记事本，输入如下语句：?xml version=1.0 encoding=UTF-8 ? songs 歌曲 name=遇见你是我的缘 path=/oblog/UploadFiles/2007-1/125489324.mp3/ 歌曲 name=黄玫瑰 path=/UpLoad/2007/4/10/63311821739328125033.mp3/ 歌曲 name=我不愿错过 path=/forum/upload/1186014862046.mp3/ 歌曲 name=丁香花 path=/website/jyzx/upload/Material/唐磊-丁香花_66.mp3/ /songs ②下面对以上语句进行解释：!--这里写注释语句-- !--创建xml文件、版本、支持中文-- ?xml version=1.0 encoding=UTF-8 ? !--父元素this.firstChild（在FLASH中要用到）-- songs !--第一个子元素及其一些属性this.firstChild.ChildNodes[0].和path-- !--ChildNodes表示子节点组成的节点数组-- !--ChildNodes[0]表示子节点组成的节点数组中的第一个元素-- !--ChildNodes[1]表示子节点组成的节点数组中的第二个元素,依此类推-- !--attributes表示子节点的属性-- 歌曲 name=遇见你是我的缘 path=/oblog/UploadFiles/2007-1/125489324.mp3/ 歌曲 name=黄玫瑰 path=/UpLoad/2007/4/10/63311821739328125033.mp3/ 歌曲 name=我不愿错过 path=/forum/upload/1186014862046.mp3/ 歌曲 name=丁香花 path=/website/jyzx/upload/Material/唐磊-丁香花_66.mp3/ /songs !--所有元素必须有结束标签；所有元素必须正确的嵌套（不允许交迭元素）；所有属性值必须加引号-- !--name=引号内是歌曲名称，path=引号内是歌曲路径--③保存，文件名为musiclist(注意在文件名后输入.xml,编码选择UTF-8)。具体设置如图1：[效果] 第三步：打开FLASH，新建文件，宽120高100；保存在文件夹music中。第四步：创建图层，从上到下图层名称分别为“代码”、“信息框”、“版权”、“进度框”、“进度条”、“进度底”、“音量滑块”、“音量底”、“按钮”、“背景”。具体设置如图2：第五步：在“背景”图层画一个矩形，宽120、高100，填充色为#CC9966（当然你也可以导入一张你喜爱的图片）；在“音量底”图层上画一个矩形，宽110、高4，X坐标为5、Y坐标为64，填充色为黑色；在“进度底”图层上画一个矩形，宽110、高4，X坐标为5、Y坐标为57，填充色为黑色；在“进度框”图层上画一个矩形，宽110、高4，X坐标为5、Y坐标为57，填充色为黑色，再画一个矩形，宽108、高2，X坐标为6、Y坐标为58，填充色为绿色，然后选中绿色的矩形，将其删除，得到一个黑色的矩形框。最后效果如图3：第六步：创建影片剪辑元件，名称为“进度条”，画一个矩形，宽110、高4，X坐标为0、Y坐标为0，填充色为#FF9900；拖到主场景的“进度条”图层中，实例名为bar_mc，X坐标为5、Y坐标为57；创建影片剪辑，名称为“音量滑块”，画一个矩形，宽10、高4，X坐标为0、Y坐标为0，填充色为#00FF00；拖到主场景的“进度条”图层中，实例名为huakuai_mc，X坐标为80、Y坐标为64。最后效果如图4：第七步：创建五个按钮元件，名称分别为“播放”、“暂停”、“停止”、“上一首”、“下一首”，拖到主场景中，实例名分别为“play_btn”、“pause_btn”、“stop_btn”、“prev_btn”、“next_btn”，把它们放在“音量底”下面适合的位置（注意播放与暂停