文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计Flash → Flash MX实战精选:音乐播放器

Flash MX实战精选:音乐播放器

时间:2004/11/7 2:19:00来源:本站整理作者:蓝点我要评论(0)

  音乐播放器



  实例说明



  制作在同一电影中控制多个背景音效的播放器。



  有关知识



  导入点阵图, 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,在生成的电影中测试播放器的效果。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼