flash mx实战精选:音乐播放器

poopo

登录/注册后可看大图

　　音乐播放器 　　实例说明 　　制作在同一电影中控制多个背景音效的播放器。 　　有关知识 　　导入点阵图， 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"); } telltarget ("/sound3") { gotoandplay (5); } telltarget ("/amp") { gotoandplay (2); }停止 停止所有声音 告知目标(“/music”) 跳至并播放标签(“track3”) 告知目标(“/sound3”) 跳至并播放帧(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&next层，在第2帧处建立关键帧，将按钮bu放置在层中，并和背景上的前进键对齐，如图14所示。 　　设定按钮的actions为： on (release) { nextframe (); 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"); } telltarget ("../sound1") { gotoandplay (5); } telltarget ("../stop1") { gotoandstop (1); } telltarget ("../amp") { gotoandplay (2); } gotoandstop (1); }当鼠标放开 告知目标(“../music”) 跳至并播放标签(“track1”) 告知目标(“../sound1”) 跳至并播放帧(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") { gotoandstop (1); } telltarget ("../play3") { gotoandstop (2); } telltarget ("../amp") { gotoandstop (1); } gotoandstop (2); }当鼠标放开 停止所有声音 告知目标(“../music”) 跳至并停止帧(1) 告知目标(“../play3”) 跳至并停止帧（2） 告知目标(“../amp”) 跳至并停止帧（1） 跳至并停止帧（2） 　　步骤19：ok!做好了，现在回到场景1，按组合键ctrl+enter，在生成的电影中测试播放器的效果。

登录/注册后可看大图

-------------------------------------- 拥有三人行论坛管理系列软件，一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果，让您不在为论坛因没有人气而留不住会员而烦恼，使您的论坛早日成为一流的论坛。详情请登陆网站：http://www.cnsrx.cn 三人行论坛管理软件，站长必备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带广告。业务QQ:247216 44985227）