flash动画实战精选-音乐播放器

音乐播放器 实例说明 制作在同一电影中控制多个背景音效的播放器。 有关知识 导入点阵图， tell atrget 和 stop all sounds 命令的应用，控制音效的循环播放。 制作过程 步骤 1：打开 Flash，新建电影文件，设置尺寸：235px*100px，背景颜色为黑色(#000000)。 截取 winamp 的面板图，用图像工具处理后导入 Flash 中，并将其转换为图像符号 bg，在场景中新建 bg 层， 帧长度为 4，将图像符号 bg 放置在 bg 层中作为背景，使用缩放工具，将图像 bg 大小调整到和舞台大 小相同。如图 1。 图 1 截取 winamp 面板 步骤 2：新建电影片段 music，制作面板的音效输出指示器，当音效打开时，指示器小灯闪烁；当音效 关闭时，指示器小灯关闭。具体做法不再详述，大家可参考电影源程序。如图 2 所示。 步骤 3：新建隐形按钮 bu，在状态 over 处设置一个音效，在 hit 帧绘制一个大小和面板播放按钮相同 的实心矩形，如图 3 所示。 步骤 4：新建电影片段 mv-text，建立三个关键帧，Actions 都设置为停止（stop），在三个帧处分别 用文字工具写入 1.track1.wav，2.track2.wav，3.track3.wav，调整文字大小和字体，分别表示三个 背景音效的名称。如图 4 所示。 图 2 音效指示器 3 有音效的隐形按钮 图 4 电影片段 mv-text 步骤 5：截取 winamp 面板播放进度指示器 并导入 Flash 中。新建电影片段 mv-amp，第 1 帧为 空白关键帧，Actions 设置为停止(stop)，第 2 帧设置为关键帧，将图像 放置在工作区内，按 F6 在第 50 帧处建立关键帧，将 水平移动大约 190px，如图 5 所示。 5 移动的滑标 第 50 帧的 Actions 设置为： gotoAndPlay (2); /跳至并播放帧(2) 在 Frame 面板将第 2 帧与第 50 帧之间设置为移动渐变(Motion)，如图 6 所示。 图 6 设置移动渐变 步骤 6：导入 3 段音效作为背景音效，分别命名为 1，2，3。新建电影片段 sound1，设置帧长度大 约 100 帧。在第 1 帧处的 Actions 设置为 stop (停止)，在第 5 帧处通过 Sound 面板设置音效，如图 7 所示。 图 7 设置音效 同样，新建电影片段 sound2， sound3 设置方法同 sound1， 分别控制背景音效 2， 3 的播放。 步骤 7：新建只有两个帧的电影片段 mv-play1，第 1 帧设置为空白帧，Actions 设置为 stop，第 2 帧 设置为关键帧，将按钮 bu 放置在工作区内，对齐中心点，Actions 设置为 stop，为了看清效果，暂时 将背景设置为白色，如图 8 所示。 同样，新建电影片段 mv-play2 和 mv-play3，设置方法同 mv-play1。 步骤 8：新建只有两个帧的电影片段 mv-stop1，第 1 帧的 Actions 设置为 stop，将按钮 bu 放置在工作 区和中心点对齐；第 2 帧设置为空白帧，Actions 设置为 stop，如图 9 所示。 同样，新建电影片段 mv-stop2 和 mv-stop3，设置方法同上。 步骤 9：回到场景 1 中，新建层 movie，将电影片段 music 放置在层中，和 bg 的音效输出指示器位置 对齐，在属性面板中将其命名为 music，用它来显示背景音效的开关状态。如图 10 所示。 图 8 电影片段 mv-play1 图 9 电影片段 mv-stop1 图 10 命名电影片段 music 步骤 10：新建层 sound，将电影片段 sound1，sound2，sound3 放置在层中，并将其分别命名为 sound1，sound2 和 sound3。 步骤 11：新建层 amp，将电影片段 mv-amp 放置在层中，在 Instance 面板中将其命名为 amp，并和 bg 的原播放进度指示器位置对齐。 步骤 12：新建层 text，将电影片段 mv-text 放置在层中，在 Instance 面板中命名为 text，并和 bg 的 原曲目指示框对齐，用来指示目前正在播放/停止的曲目。如图 11 所示。 图 11 显示目前正在播放/停止的曲目 步骤 13：新建层 Actions，第 2，3，4 帧分别设置为空白关键帧，Actions 分别为： 第 2 帧： stop (); stopAllSounds (); tellTarget (“/sound1“) gotoAndPlay (5); tellTarget (“/music“) gotoAndPlay (“track1“); tellTarget (“/amp“) gotoAndPlay (2); 停止 停止所有声音 告知目标(“/sound1”) 跳至并播放帧(5) 告知目标(“/music”) 跳至并播放标签(“track1”) 告知目标(“/amp”) 跳至并播放帧(2) 第 3 帧： stop (); stopAllSounds (); tellTarget (“/music“) gotoAndPlay (“track2“); tellTarget (“/sound2“) gotoAndPlay (5); tellTarget (“/amp“) gotoAndPlay (2); 停止 停止所有声音 告知目标(“/music”) 跳至并播放标签(“track2”) 告知目标(“/sound2”) 跳至并播放帧(5) 告知目标(“/amp”) 跳至并播放帧(2) 第 4 帧： stop (); stopAllSounds (); tellTarget (“/music“) gotoAndPlay (“track3“); 停止 停止所有声音 告知目标(“/music”) 跳至并播放标签(“track3”) 告知目标(“/sound3”) tellTarget (“/sound3“) gotoAndPlay (5); tellTarget (“/amp“) gotoAndPlay (2); 跳至并播放帧(5) 告知目标(“/amp”) 跳至并播放帧(2) 步骤 14：新建 play 层，在第 2 帧处建立关键帧，将电影片段 mv-play1 放置在层中，并和背景中的播 放键对齐，在 Instance 面板中将其命名为 play1。如图 12 所示。 图 12 将电影片段 play1 放入场景并命名 同样，在第 3，4 帧处建立关键帧，分别将电影片段 mv-play2 和 mv-play3 放置在层中并命名为 play2 和 play3。 步骤 15：新建 stop 层，在第 2 帧处建立关键帧，将电影片段 mv-stop1 放置在层中，并和 bg 的停止键 对齐，在 Instance 面板中将其命名为 stop1。 如图 13 所示。 图 13 将电影片段 stop1 放入场景并命名 同样，在第 3，4 帧处建立关键帧，分别将电影片段 mv-stop2 和 mv-stop3 放置在层中并命名为 stop2 和 stop3。 步骤 16：新建 pre tellTarget (“/text“) gotoAndStop (2); 当鼠标放开 跳至下一帧 告知目标(“/text”) 跳至并停止帧(2) 图 14 设置按钮 bu 的 Actions 在第 3 帧处建立关键帧，放置两个按钮 bu，分别和背景上的后退键，前进键对齐，设置 Action 分 别为： on (release) prevFrame (); tellTarget (“/text“) gotoAndStop (1); 当鼠标放开 跳至上一帧 告知目标(“/text”) 跳至并停止帧(1) on (release) nextFrame (); tellTarget (“/text“) gotoAndStop (3); 当鼠标放开 跳至下一帧 告知目标(“/text”) 跳至并停止帧(3) 步骤 17：设置电影片段 mv-play1 的 Actions： 在第 2 关键帧处 bu 按钮的 Actions 设置如下： on (release) tellTarget (“/music“) gotoAndPlay (“track1“); 当鼠标放开 告知目标(“/music”) 跳至并播放标签(“track1”) 告知目标(“/sound1”) tellTarget (“/sound1“) gotoAndPlay (5); tellTarget (“/stop1“) gotoAndStop (1); tellTarget (“/amp“) gotoAndPlay (2); gotoAndStop (1); 跳至并播放帧(5) 告知目标(“/stop1”) 跳至并停止帧(1) 告知目标(“/amp”) 跳至并播放帧(2) 跳至并停止帧(1) 同样，设置电影片段 mv-play2 第 2 帧处 bu 按钮的 Actions 如下： on (release) tellTarget (“/music“) gotoAndPlay (“track2“); tellTarget (“/sound2“) gotoAndPlay (5); tellTarget (“/stop2“) gotoAndStop (1); tellTarget (“/amp“) gotoAndPlay (2); gotoAndStop (1); 当鼠标放开 告知目标(“/music”) 跳至并播放标签(“track2”) 告知目标(“/sound2”) 跳至并播放帧(5) 告知目标(“/stop2”) 跳至并停止帧(1) 告知目标(“/amp”) 跳至并播放帧(2) 跳至并停止帧(1) 设置电影片段 mv-play3 第 2 帧处 bu 按钮的 Actions 如下： on (release) tellTarget (“/music“) gotoAndPlay (“track3“); tellTarget (“/sound3“) gotoAndPlay (5); tellTarget (“/stop3“) gotoAndStop (1); tellTarget (“/amp“) gotoAndPlay (2); gotoAndStop (1); 当鼠标放开 告知目标(“/music”) 跳至并播放标签(“track3”) 告知目标(“/sound2”) 跳至并播放帧(5) 告知目标(“/stop3”) 跳至并停止帧(1) 告知目标(“/amp”) 跳至并播放帧(2) 跳至并停止帧(1) 步骤 18：设置电影片段 mv-stop1 第 1 帧处 bu 按钮的 Actions： on (release) stopAllSounds (); tellTarget (“/music“) gotoAndStop (1); tellTarget (“/play1“) gotoAndStop (2); tellTarget (“/amp“) gotoAndStop (1); gotoAndStop (2); 当鼠标放开 停止所有声音 告知目标(“/music”) 跳至并停止帧(1) 告知目标(“/play1”) 跳至并停止帧（2） 告知目标(“/amp”) 跳至并停止帧（1） 跳至并停止帧（2） 同样， 设置电影片段 mv-stop2 第 1 帧处的按钮 bu 的 Actions： on (release) stopAllSounds (); tellTarget (“/music“) gotoAndStop (1); tellTarget (“/play2“) gotoAndStop (2); tellTarget (“/amp“) gotoAndStop (1); gotoAndStop (2); 当鼠标放开 停止所有声音 告知目标(“/music”) 跳至并停止帧(1) 告知目标(“/play2”) 跳至并停止帧（2） 告知目标(“/amp”) 跳至并停止帧（1） 跳至并停止帧（2） 设置电影片段 mv-stop3 第 1 帧处 bu 按钮的 Actions： on (release) stopAllSounds (); tellTarget (“/music“) gotoAndS