制作简单实用的flash场景音乐播放器

有朋友要求介绍flash场景音乐播放器的做法,我就根据自己的体会介绍一下。不当之处,请朋友们指正。

这是一个简单实用的flash场景音乐播放器,用以控制flash动画场景的播放,同时也就可以控制其中的音乐播放。所以,也可以作为flash音乐播放器来使用。我做的一些音乐收藏欣赏的flash就是使用的这种功能。

下面是一个例子。

一、先分别制作三个按钮元件备用。一个是播放按钮,一个是停止(暂停)按钮,一个是返回按钮。做成什么样子的都可以。上图中下方左面的三个按钮就分别是播放按钮、停止按钮和返回按钮。

二、下面开始制作滑动条的元件。元件类型都是影片剪辑。一个是滑动槽,即一个长条。这个比较简单,做成什么样子的都可以了。参考上图下方的滑动条。

三、另一个是滑块,即一个小长方块。这个看似简单,但却是这个播放器中的一个核心元件,滑动块能否按进度滑动,就看这里的制作了。这里也要分别制作两个影片剪辑元件。

一个是滑块图形的影片剪辑元件。一个是动作命令影片剪辑元件。

滑块图形的元件做相应的图形就可以了。如上图中的滑块图形。

而动作命令的剪辑就复杂一些了。这个影片剪辑(这里命名为“as”)的场景中不用放任何东西,但要在图层中添加as命令。

在第一个关键帧上,打开动作面板,添加如下语句:

if (!_load) {

_load = 1;

tellTarget ("..") {

pathToControl = _root;

isDragging = false;

progressWidth = _parent.progressBar._width;

setProperty(_parent.progressBar, _width, 1);

null;

this._parent._x = 0;

}

}

nextFrame();

play();

在第三帧上添加空白关键帧,再打开动作面板,添加如下语句:

tellTarget ("..") {

if (isDragging) {

gotoAndStop("pathToControl:"+Math.floor(pathToControl._totalframes/_parent.sliderTrack._width*this._parent._x));

setProperty(_parent.progressBar, _width, this._parent._x*(progressWidth/_parent.sliderTrack._width));

null;

} else {

this._parent._x = _parent.sliderTrack._width/pathToControl._totalframes*pathToControl._currentframe;

setProperty(_parent.progressBar, _width, this._parent._x*0.999000);

null;

}

}

gotoAndPlay(2);

从以上这些语句可以看出,它的内容就是根据动画运行到哪个帧来确定滑块的位置。并不是去控制音乐的,只是因为音乐在场景中,所以同时得到控制。具体地,我也是知其然而不知其所以然的。我就是复制代码,直接使用。如果你跟我一样,懂得不那么多,那也不妨就直接复制使用就是了。

四、组装滑动块。新建影片剪辑“滑动块”,在图层1中放入制作好的滑块影片剪辑元件,并在属性面板中将实例命名为slider。

新建图层,拖入影片剪辑“as”,就是只有as命令的那个影片剪辑。

这两个图层都只一个关键帧。

五、再组装滑动条。新建影片剪辑元件“滑动条”,在图层1放入前面制作的滑动槽元件。并在属性面板中将它的实例命名为sliderTrack。

在新建图层中放入“滑动块”元件,并在属性面板中将它的实例命名为sliderBar。两个图层也都是只有一个关键帧。

六、以上各个元件都做好了。就可以“总装”了。

回到场景中来,将前面做好的播放按钮、停止按钮、返回按钮、滑动条剪辑,拖放到适当的位置。然后给按钮元件添加相应的as命令。

点击播放按钮,打开动作面板,添加如下语句(即添加按钮动作):

on (release) {

play();

}

点击停止按钮,打开动作面板,添加如下语句:

on (release) {

stop();

}

点击返回按钮,打开动作面板,添加如下语句:

on (release) {

gotoAndStop(1);

}

七、播放器总装完毕。但还有几个要做到的事情。一是将场景中的音乐的同步方式设置成为“数据流”。

二是新建AS层,分别在第一帧和动画的最后一帧建立关键帧,分别输入stop();语句。(老虎注:最后一帧建立关键帧,代码:gotoAndStop(1);)

三是将播放器所在的图层也延长到与整个动画和音乐的帧数相同。

这些工作全做完了,就按 ctrl+enter试试吧。点击播放按钮,开始播放动画和音乐;点停止按钮,停止播放;再点播放按钮,从刚才停止的位置继续播放;点返回按钮,滑块返回到起点,动画也返回到起点。

(老虎注:音乐、动画均放第二帧)

有朋友要求介绍flash场景音乐播放器的做法,我就根据自己的体会介绍一下。不当之处,请朋友们指正。

这是一个简单实用的flash场景音乐播放器,用以控制flash动画场景的播放,同时也就可以控制其中的音乐播放。所以,也可以作为flash音乐播放器来使用。我做的一些音乐收藏欣赏的flash就是使用的这种功能。

下面是一个例子。

一、先分别制作三个按钮元件备用。一个是播放按钮,一个是停止(暂停)按钮,一个是返回按钮。做成什么样子的都可以。上图中下方左面的三个按钮就分别是播放按钮、停止按钮和返回按钮。

二、下面开始制作滑动条的元件。元件类型都是影片剪辑。一个是滑动槽,即一个长条。这个比较简单,做成什么样子的都可以了。参考上图下方的滑动条。

三、另一个是滑块,即一个小长方块。这个看似简单,但却是这个播放器中的一个核心元件,滑动块能否按进度滑动,就看这里的制作了。这里也要分别制作两个影片剪辑元件。

一个是滑块图形的影片剪辑元件。一个是动作命令影片剪辑元件。

滑块图形的元件做相应的图形就可以了。如上图中的滑块图形。

而动作命令的剪辑就复杂一些了。这个影片剪辑(这里命名为“as”)的场景中不用放任何东西,但要在图层中添加as命令。

在第一个关键帧上,打开动作面板,添加如下语句:

if (!_load) {

_load = 1;

tellTarget ("..") {

pathToControl = _root;

isDragging = false;

progressWidth = _parent.progressBar._width;

setProperty(_parent.progressBar, _width, 1);

null;

this._parent._x = 0;

}

}

nextFrame();

play();

在第三帧上添加空白关键帧,再打开动作面板,添加如下语句:

tellTarget ("..") {

if (isDragging) {

gotoAndStop("pathToControl:"+Math.floor(pathToControl._totalframes/_parent.sliderTrack._width*this._parent._x));

setProperty(_parent.progressBar, _width, this._parent._x*(progressWidth/_parent.sliderTrack._width));

null;

} else {

this._parent._x = _parent.sliderTrack._width/pathToControl._totalframes*pathToControl._currentframe;

setProperty(_parent.progressBar, _width, this._parent._x*0.999000);

null;

}

}

gotoAndPlay(2);

从以上这些语句可以看出,它的内容就是根据动画运行到哪个帧来确定滑块的位置。并不是去控制音乐的,只是因为音乐在场景中,所以同时得到控制。具体地,我也是知其然而不知其所以然的。我就是复制代码,直接使用。如果你跟我一样,懂得不那么多,那也不妨就直接复制使用就是了。

四、组装滑动块。新建影片剪辑“滑动块”,在图层1中放入制作好的滑块影片剪辑元件,并在属性面板中将实例命名为slider。

新建图层,拖入影片剪辑“as”,就是只有as命令的那个影片剪辑。

这两个图层都只一个关键帧。

五、再组装滑动条。新建影片剪辑元件“滑动条”,在图层1放入前面制作的滑动槽元件。并在属性面板中将它的实例命名为sliderTrack。

在新建图层中放入“滑动块”元件,并在属性面板中将它的实例命名为sliderBar。两个图层也都是只有一个关键帧。

六、以上各个元件都做好了。就可以“总装”了。

回到场景中来,将前面做好的播放按钮、停止按钮、返回按钮、滑动条剪辑,拖放到适当的位置。然后给按钮元件添加相应的as命令。

点击播放按钮,打开动作面板,添加如下语句(即添加按钮动作):

on (release) {

play();

}

点击停止按钮,打开动作面板,添加如下语句:

on (release) {

stop();

}

点击返回按钮,打开动作面板,添加如下语句:

on (release) {

gotoAndStop(1);

}

七、播放器总装完毕。但还有几个要做到的事情。一是将场景中的音乐的同步方式设置成为“数据流”。

二是新建AS层,分别在第一帧和动画的最后一帧建立关键帧,分别输入stop();语句。(老虎注:最后一帧建立关键帧,代码:gotoAndStop(1);)

三是将播放器所在的图层也延长到与整个动画和音乐的帧数相同。

这些工作全做完了,就按 ctrl+enter试试吧。点击播放按钮,开始播放动画和音乐;点停止按钮,停止播放;再点播放按钮,从刚才停止的位置继续播放;点返回按钮,滑块返回到起点,动画也返回到起点。

(老虎注:音乐、动画均放第二帧)


相关文章

  • 九年级上龙教版信息技术教案
  • 第一课 画像 [教学目标] 1.知识与技能 ◆认识Flash 8的开始页.程序窗口: ◆掌握工具面板中绘图.颜色.选取等部分工具的操作: ◆熟悉制作基本图画的方法. 2.过程与方法 ◆通过绘制画像,掌握工具面板中相应工具的使用: ◆通过学生 ...查看


  • 如何制作flash课件
  • 引用 的 如何制作flash 课件 自从94年我国加入互联网以来,它以千军万马之势风靡全中国.计算机已经普及到全国行行业业的各个部门,各个角落,可以说它已经成为了每个人生活.工作和学习必不可少的工具.会操作计算机也成了我们必须具备的能力之一 ...查看


  • 静态网页实训报告
  • 静态网页实训报告 姓名:胡玉巧 班级:计信1班 学号:121324004 前 言 至于我的主题为什么选择"林俊杰".这就是他的音乐感染了我,从2006年时他的第三张专辑<曹操>给我带来了一种震撼,我就寻找他的 ...查看


  • 多媒体技术应用教案(下)
  • 高二信息技术教案 教师:李延昊 2015.3 第四章 动画.视频及应用 4.1多媒体作品中的动画.视频 [教学策划] 教学内容分析 本课学习内容是高中课程标准实验教科书选修课本多媒体技术应用的内容.随着计算机技术和网络技术的发展.计算机应用 ...查看


  • Flash,Flash加载外部文件的各种方法与技巧
  • Flash加载外部文件的各种方法与技巧 Flash可以通过帧.按扭.影片剪辑来调用外部文件.调用的外部文件包括:外部文本文件.外部程序文件.外部*.swf文件.外部图片文件.外部音乐文件.外部脚本文件等. 现在我们将Flash加载外部文件的 ...查看


  • 小学数学课件设计
  • 浅谈如何运用flash 软件制作小学数学课件 摘要:本文先介绍了flash 课件特点.优秀课件的五大特点,接着以<时分--我们赢了>课件的制作为例阐述了如何运用flash 软件制作小学数学课件:(一)选题:(二)设计:(三)搜集 ...查看


  • 微课.慕课与案例分享
  • 微课.慕课工具与案例 CrazyTalk 案例1 CrazyTalk Animator 2014/10/30 北京大学 1 微课与慕课设计 技术与案例 汇报内容 微课.翻转课堂和慕课概述 微课.慕课的技术解决方案及培训方案 交互式微课与慕课 ...查看


  • 游戏毕业设计论文
  • 游戏毕业设计论文 1. 游戏设计背景 随着科技与经济的快速发达,知识经济的快速增长,娱乐逐渐变成人与智能的交流.智能化的娱乐游戏在网络里愈来愈好,众多的游戏不胜枚举.比如益智类的小游戏.腾讯游戏.网页游戏.格斗游戏.模拟游戏等,尤其是最近网 ...查看


  • 一篇计算机论文翻译
  • Catalog abstract : . ................................................................................................... ...查看


热门内容