AS3音乐播放器制作教程：初学者入门指南

5星 · 超过95%的资源需积分: 11 36 浏览量更新于2024-09-11 2 收藏 113KB DOC 举报

本文档详细介绍了如何使用ActionScript 3 (AS3) 创建一个基本的音乐播放器，针对初学者提供了逐步教程。首先，我们从创建一个新的Flash CS3文档开始，设置了文档的尺寸（252x114像素）和帧频（24fps），并将文档保存在包含音乐文件的文件夹中。在制作过程中，作者分为多个步骤： 1. 创建背景：在第一层"播放器背景"上绘制一个播放器的简单背景，为后续元素提供基础布局。 2. 进度条组件： - 在"播放进度框"图层上画一个透明圆角矩形，用于显示播放进度，填充绿色(#006600)，并设置为影片剪辑。 - "播放进度背景"图层上绘制一个渐变色的矩形，从上至下变化颜色，模拟播放进度条的视觉效果。 - "播放进度条"图层上绘制实际的播放进度条，同样为渐变色，从上至下变化，且转换为影片剪辑实例"bfjdt_mc"。 - "播放进度条遮罩"图层用于为播放进度条添加遮罩效果，通过复制并粘贴"播放进度背景"实现。 3. 控制元素： - "进度控制"图层制作一个按钮元件，用于控制播放，通过设置"弹起"和"点击"帧的图形，实例名为"jdcz_btn"。 4. AS3编程： - 定义了多个变量，如Sound对象（存储音频）、SoundChannel对象（处理音频流）、加载状态等。 - 使用URLRequest对象加载MP3文件（假设为".mp3"），然后创建SoundChannel并开始播放。 - 隐藏播放器背景（通过设置bfjdt_mc可见性为false）以凸显播放控制。这个教程展示了如何用AS3的基础语法和对象模型来实现一个简单的音乐播放器，包括音频加载、播放控制以及界面元素的交互设计。这对于学习ActionScript 3的用户来说，是一次很好的实战练习，有助于理解音频处理和用户界面交互的基本原理。通过这个过程，初学者能够建立起对AS3在多媒体应用中的基本操作能力。

音乐播放器 1－－控制播...

主要功能：

点击进度条音乐从鼠标点击处开始播放。

制作过程：

1、新建 FLASH CS3 文档，保存名为“音乐播放器进度控制”，保存在存有音乐的文件夹内。

设置文档大小：252×114 像素，帧频：24fps。

2、第一层名为“播放器背景”，在该层画一个播放器背景。

3、新建图层，名为“播放进度框”，画一个无边框的圆角矩形，边角半径为 8，宽 202 高 6，

填充颜色为#006600，使其垂直水平于舞台。

4、新建图层，名为“播放进度背景”，画一个无边框的圆角矩形，边角半径为 8，宽 200 高

4，从上到下填充#99CC00 到#55802B 渐变色，使其垂直水平于舞台。

5、新建图层，名为“播放进度条”，画一个无边框的圆角矩形，边角半径为 0，宽 202 高 6，

从上到下填充#00CCFF 到#0066FF 渐变色，使其垂直水平于舞台，转换为名为“播放进度

条”的影片剪辑。在场景中的实例名为“bfjdt_mc”。

6、新建图层，名为“播放进度条遮罩”，把“播放进度背景”图层上帧复制并粘贴到“播放进度

条遮罩”图层上，右键选择“遮罩层”。

7、新建图层，名为“进度控制”，画一个无边框的圆角矩形，边角半径为 0，宽 200 高 6，填

充颜色任意，使其垂直水平于舞台，转换为名为“进度控制”的按钮元件，并将“弹起”帧上的

图形拖到“点击”帧上。在场景中的实例名为“jdcz_btn”。

8、新建图层，名为“AS”，在帧上写如下代码：

//申明变量

var _sound:Sound=new Sound();

var _channel:SoundChannel=new SoundChannel();

var loaded:int;

var total:int;

var _length:int;

var position:int;

var percentBuffered:Number;

var percentPlayed:Number;

//载入 MP3 并播放

var url:String="****.mp3";//你电脑上的 MP3 音乐文件名，把该文件与 MP3 音乐文件放在一

个文件夹内。

var _request:URLRequest = new URLRequest(url);

_sound.load(_request);

_channel=_sound.play();

bfjdt_mc.visible=false;

//添加不断更新监听事件

addEventListener(Event.ENTER_FRAME,yx);

function yx(event:Event):void {

loaded=_sound.bytesLoaded;

下载后可阅读完整内容，剩余8页未读，立即下载

yuanhw_toto

粉丝: 0
资源: 5

AS3音乐播放器制作教程：初学者入门指南

as做的音乐播放器，喜欢么

简易AS 3.0音乐播放器

简单的用as3.0播放声音文件的例子

as3 音乐播放器 含频谱

as3音乐播放器（songtaste网站最新推荐）

flash as3.0 音乐播放器引擎

(转载)AS3.0 音乐播放器 xml加载歌曲

魔兽背景FLASH音乐播放器AS3

as3.0mp3播放器

AIR音乐播放器 AS3.0

最新资源

as3 音乐播放器含频谱