制作Flash影片播放器（播放进度条、音量调节滑块、控制按钮）的方法和代码一、制作音量控制滑块 1.启动FLASH软件。 2.确立文档属性设置动画尺寸帧频背景等。 3.首先将准备好的素材图片和歌曲导入到库中待用。 4.创建影片剪辑元件 选择“插入－新建元件”，建立一个名为“音量控制”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。自下而上命名为底板、滑块 。 A.选择底板图层第一帧，用矩形工具在舞台拖一个规格80*14的，无边线的橙色矩形（图2－1），然后，用选择工具将其左边上角向下拖至底角，成为三角形（图2－2），点击该实例，左对齐－垂直中齐。上锁。 B.选择滑块图层第一帧，用矩形工具在舞台拖一个规格5*18的，无边线的浅绿色矩形 ，将其放置在底板的中间，垂直中齐。将其转换为影片剪辑元件。 点击该实例，按f9，打开动作面板，在as编辑区输入，如下影片剪辑指令语句： onClipEvent (enterFrame) { mex = getProperty(this, _x); vol.setVolume(mex / 9.800000E-001); } onClipEvent (load) { vol = new Sound(); } onClipEvent (mouseDown) { if (this.hitTest(_root._xmouse, _root._ymouse)) { startDrag (this, false, 0, 0, 80, 0); } } onClipEvent (mouseUp) { stopDrag (); } 锁定该图层。 二、制作播放进度条 选择“插入－新建元件”，建立一个名为“播放进度”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。自下而上命名为底板、滑块 。 A.选择底板图层第一帧，用矩形工具在舞台拖一个规格220*8的，无边线的黄色矩形，点击该实例，左对齐－垂直中齐。上锁。 B.选择滑块图层第一帧，用矩形工具在舞台拖一个规格5*15的，无边线的红色色矩形 ，点击该实例，左对齐－垂直中齐。右键该实例，将其转换为影片剪辑元件。 点击该实例，按f9，打开动作面板，在as编辑区输入，如下影片剪辑指令语句： onClipEvent (load) { drag = new Boolean(); drag = false; cang =220 / _root._totalframes; } onClipEvent (mouseDown) { drag = true; if (this.hitTest(_root._xmouse, _root._ymouse)) { startDrag (this, false, 0, 0, 220, 0); } } onClipEvent (mouseUp) { drag = false; stopDrag (); } onClipEvent (enterFrame) { _root.all.allframe = _root._totalframes; _root.all.nowframe = _root._currentframe; if (drag == true && this.hitTest(_root._xmouse, _root._ymouse)) { _root.all.kz.stop(); xvernier = getProperty(this, _x); _root.gotoAndStop(int(xvernier / cang)); } else if (_root._currentframe == 1) { setProperty(this, _x, 0); } else { setProperty(this, _x, _root._currentframe * cang); } } 锁定该图层。 三、编辑制作场景 返回场景1，添加五个图层，共六个图层。自下而上命名为音乐、按钮、音量、进度、影片1、影片2。 （1）选择音乐图层第一帧，从库中拖出歌曲文件到舞台，位置随意。这时时间轴上出现，然后按住键盘上的F5，直到音乐播放完时松开。点击“该图层第1帧－同步（右侧小三角）－数据流”（数据流的设置可以使音乐文件大大地缩小）。上锁。 （2）选择按钮图层第一帧，点击“窗口－公用库－按钮”，在按钮界面双击倒数第二个文件夹，然后在新界面分别依次选择flat blue back（起始）flat blue play(开始)、flat blue pause（暂停）、flat blue stop(停止)和flat blue forward（结束）五个按钮，将其拖入舞台的下边的左侧。 下面我们为按钮添加指令语句：点击起始按钮，按f9，打开动作面板，在as编辑区输入，如下语句： on (release){ gotoAndPlay(1); } 点击开始按钮，按f9，打开动作面板，在as编辑区输入，如下语句： on (release){ play(); } 点击暂停按钮，按f9，打开动作面板，在as编辑区输入，如下语句： on (release){ stop(); } 点击停止按钮，按f9，打开动作面板，在as编辑区输入，如下语句： on (release){ gotoAndStop(1); } 点击结束按钮，按f9，打开动作面板，在as编辑区输入，如下语句： on (release){ gotoAndStop(666); } （3）选择音量图层第1帧，从库中拖出“音量控制”影片剪辑元件到舞台，按原规格将其水平放置在按钮的右侧，在第685帧插入帧。上锁。 （4）选择进度图层第1帧，从库中拖出“播放进度”影片剪辑元件到舞台，按原规格将其水平放置在音量控制的右侧，在第685帧插入帧。上锁。 （5）选择舞者1图层第1帧，从库中拖出“舞者”影片剪辑元件到舞台，按原规格将其放置在舞台的左侧适当位置。在第666帧插入关键帧，将其水平移到舞台的右侧。右键点击第1－684帧之间任何一帧，创建本区域间的动画补间。点击第1－684帧之间任何一帧，在属性面板设置其“缓动”为80。点击上图右侧的“编辑”，打开“自定义缓入/缓出”面板，分别用鼠标调整实例缓动参数，点击确定，返回场景1。 （6）选择舞者2图层第1帧，从库中拖出“舞者”影片剪辑元件到舞台，按原规格将其放置在舞台的右侧，与舞者1平行。点击该实例，在属性面板设置其“颜色－色调”参数，操作完成后的舞台实例显示，在第685帧插入关键帧，将其水平移到舞台的左侧。右键点击第1－684帧之间任何一帧，创建本区域间的动画补间。点击第1－684帧之间任何一帧，在属性面板设置其“缓动”为80。点击上图右侧的“编辑”，打开“自定义缓入/缓出”面板，分别用鼠标调整实例缓动参数，点击确定，返回场景1。上锁。 6.完成后测试存盘 注：在制作中可以给播放器添加一个精美的背景及边框，影片图层可按你自己的需要插入视频，为让视频和播放器同步，动画最好在场景中完成。教程中的播放器三个要件：按钮、音量、进度均可单独使用。 |
|
|
