制作Flash播放器.doc

用Flash来制作一个Flash播放器一、实现背景仔细研究一下各个播放器的实现方法，其实原理是大同小异的，都是用Flash来实现，只是有的实现还利用了Java Script跟Flash的通讯，通过网页来控制Flash的播放。最简单的实现方法是，在Flash中先用Load Movie函数将影片导入场景中，使用Movie Clip相应的函数，如play，gotoAndStop，stop，nextFrame，prevFrame等等，就可以实现播放器的大概功能了。不过，想要将播放器做的比较通用，在制作过程中还是有点复杂，再加上考虑播放影片的质量控制、场景的缩放、fps的计算、Flash与Java Script的通讯等等因素，就更加复杂了。下面我们通过一个例子来看看具体的实现。(PS:flash)二、实现步骤我们先来制作一个被控制的目标影片，然后再制作播放器的主体部分。1、新建一个Flash文件，按Ctrl + F8建立一个Movie Clip，命名为“Sample Movie Graphic”，在此Clip的场景中绘制如图1所示的图样。2、再按Ctrl + F8建立一个Movie Clip，命名为“Sample Movie”，将上一步所制作的Clip拖到Sample Movie的场景中，在时间轴的第345帧上面插入关键帧，并用工具条中的缩放工具，将第345帧上面的Sample Movie Graphic旋转一定的角度。在Sample Movie的第一帧和第345帧的Action面板上面增加如下语句：stop(); 点击选取此Clip时间轴上面的第一帧，设置此帧的属性面板如图2所示。这一步是制作一个旋转的效果。3、将Sample Movie从图库拖到影片的场景中，并在属性面板上面命名为“movie”。4、以上制作的是被控制的目标影片，也可以用Load Movie函数来动态导入，原理是先建一个空的Clip，将要播放的影片导入到此Clip中即可。5、接下来我们制作播放器的主体。按Ctrl + F8新建立一个Movie Clip，命名为“scrubberTimeLineGraphic”。在此Clip的场景中用矩形工具绘制一个长方形。这是播放器的时间轴6、按Ctrl + F8新建立一个Movie Clip，命名为“scrubberTimeLineHandleGraphic”。在此Clip的场景中用矩形工具绘制一小块长方形。按Ctrl + F8新建立一个Button，命名为“scrub b TimeLineHandle”，并将scrubberTimeLineHandleGraphic Clip拖到此Button的场景中。再按Ctrl + F8新建立一个Movie Clip，命名为“scrubberTimeLineHandle”，将scrub b TimeLineHandle Button拖到此Clip的场景中，并在scrub b TimeLineHandle Button的Action面板上面增加如下语句： on (press) _root.scrubber.stopMovie(_root.scrubTarget) /注释1_root.scrubTimeLineHandle = scrub; /注释2this.startDrag(true, 0, _parent.timeLine._y, _parent.timeLine._width - this._width, _parent.timeLine._y); /注释3on (release, releaseOutside) /注释4_root.scrubTimeLineHandle = zero;this.stopDrag();if (_root.scrubTargetState = play) /注释5_root.scrubber.playMovie(_root.scrubTarget) else _root.scrubber.stopMovie(_root.scrubTarget)注释1：调用帧里面的函数，停止播放影片。注释2：设置变量。注释3：定位时间滑块的位置。注释4：当在时间滑块外边释放鼠标的时候触发此响应函数。注释5：设置播放的状态。7、第六步是制作播放器的时间滑块，请注意在Clip之间的层次。8、按Ctrl + F8新建立一个Button，命名为“scrub b drag”，在此Button中绘制一个表示移动的箭头。9、按Ctrl + F8新建立一个Movie Clip，命名为“scrubShadeOpenGraphic”，在此Clip的场景中绘制一个表示播放器张开的箭头。按Ctrl + F8新建立一个Movie Clip，命名为“scrubShadeClosedGraphic”，在此Clip的场景中绘制一个表示播放器合上的箭头。按Ctrl + F8新建立一个Button，命名为“scrub b shadeToggle”，在此Button时间轴中的Hit里面绘制一个小正方形，并在其他帧里面插入空白关键帧。10、按Ctrl + F8新建立一个Movie Clip，命名为“scrub b shade 2”，将scrubShadeClosedGraphic Clip拖到此Clip的场景中，设置此帧的标签为“open”，并在此帧的Action面板上面增加如下语句：_root.scrubShadeState=open_root.scrubber.buttonRow._y = 0stop()注释：展开播放器。11、在scrub b shade 2 Clip的第二帧上面插入空白关键帧，将此帧的标签设置为“closed”，并在此帧的Action面板上面增加如下语句：_root.scrubShadeState=closed_root.scrubber.buttonRow._y = _root.scrubber.buttonRow._height*-1stop()注释：合上播放器。12、在scrub b shade 2 Clip的时间轴上面插入一个新的层，将scrub b shadeToggle Button拖到此层的场景上面，并在此Button的Action面板上面增加如下语句：on(press)if(_root.scrubShadeState=open)gotoAndStop(closed)elsegotoAndStop(open)注释：根据变量，设置相应的状态13、按Ctrl + F8新建立一个Movie Clip，命名为“scrubFlipSwitchGraphic”。在scrubFlipSwitchGraphic这个Clip的场景中，绘制一个长方形。14、按Ctrl + F8新建立一个Movie Clip，命名为“scrubFlipSwitch”。将scrubFlipSwitchGraphic Clip拖到此帧的场景中，将帧标签设置为“off”，并在此帧的Action面板上面增加如下语句：stop()15、在scrubFlipSwitch Clip的时间轴的第二帧上面，插入一个关键帧，将帧标签设置为“on”，并在此帧的Action面板上面增加如下语句：stop()16、在scrubFlipSwitch Clip的第二帧场景中的Clip的Action面板上面增加如下语句：onClipEvent (enterFrame) _root.scrubber.scrubEngine(_root.scrubTarget, _root.scrubSpeed);注释：上面这些语句等于是整个播放器的引擎。17、分别用Ctrl + F8新建立六个Button，依次在Button的场景里面绘制“跳到最前”、“后退”、“停止”、“播放”、“前进”、“跳到最后”的箭头。18、按Ctrl + F8新建立一个Movie Clip，命名为“scrub button row”。将scrubFlipSwitch Clip拖到此Clip的场景中，命名为“flipSwitch”，在scrub button row Clip的场景里面用文本框拉两个文本输入框，设置属性分别如图3和图4所示。将第17步绘制的六个箭头拖到scrub button row Clip的场景里面，在“跳到最前” 箭头的Action面板上面增加如下语句：on (press) _root.scrubber.begin(_root.scrubTarget, 1);注释：调用帧函数里面的“跳到最前”函数。在“后退” 箭头的Action面板上面增加如下语句：on (press) _root.scrubDirection = reverse;_root.scrubber.buttonRow.flipSwitch.gotoAndStop(on);on (release, releaseOutside) _root.scrubber.buttonRow.flipSwitch.gotoAndStop(off);注释：调用帧函数里面的“后退”函数在“停止” 箭头的Action面板上面增加如下语句： on (press) _root.scrubber.stopMovie(_root.scrubTarget);_root.scrubTargetState = stop;注释：调用帧函数里面的“停止”函数。在“播放” 箭头的Action面板上面增加如下语句：on (press) _root.scrubber.playMovie(_root.scrubTarget);_root.scrubTargetState = play;注释：调用帧函数里面的“播放”函数。在“前进” 箭头的Action面板上面增加如下语句：on (press) _root.scrubDirection = forward;_root.scrubber.buttonRow.flipSwitch.gotoAndStop(on);on (release, releaseOutside) _root.scrubber.buttonRow.flipSwitch.gotoAndStop(off);注释：调用帧函数里面的“前进”函数。在“跳到最后” 箭头的Action面板上面增加如下语句on (press) _root.scrubber.end(_root.scrubTarget);注释：调用帧函数里面的“跳到最后”函数。19、按Ctrl + F8新建立一个Movie Clip，命名为“control”。将scrubFlipSwitch Clip从图库拖到control Clip的场景中，命名为“buttonRow”。将时间滑块scrubberTimeLineHandle Clip从图库拖到control Clip的场景中，命名为“handle”，并在scrubberTimeLineHandle Clip的Action面板上面增加如下语句：onClipEvent (enterFrame) _root.scrubCurrentFrame = _root.scrubber.currentFrame(_root.scrubTarget)if (_root.scrubTimeLineHandle = scrub) _root.scrubber.scrubHandle(_root.scrubTarget); else _root.scrubber.scrubHandlePlay(_root.scrubTarget);20、将缩放的箭头scrub b shade 2 Clip从图库拖到control Clip的场景中。将移动的箭头scrub b drag从图库拖到control Clip的场景中，并在scrub b drag Clip的Action面板上面增加如下语句：on (press) this.startDrag();on (release, releaseOutside) this.stopDrag();21、在control Clip的时间轴上面插入一个新的层，将时间轴scrubberTimeLineGraphic Clip拖到此帧的场景中，命名为“timeLine”，在帧的Action面板上面插入如下语句： function end (setTarget, frame) /注释1setTarget.gotoAndStop(setTarget._totalframes);_root.scrubTargetState = stop;function begin (setTarget, frame) /注释2setTarget.gotoAndStop(frame);_root.scrubTargetState = stop;function stopMovie (setTarget) /注释3setTarget.stop();function playMovie (setTarget) /注释4setTarget.play();function scrubHandlePlay (setTarget) /注释5_root.scrubber.handle._x = (_root.scrubber.timeLine._width-_root.scrubber.handle._width)*(setTarget._currentFrame/setTarget._totalFrames);function scrubHandle (setTarget) /注释6setTarget.gotoAndStop(int(setTarget._totalFrames*(_root.scrubber.handle._x/(_root.scrubber.timeLine._width-_root.scrubber.handle._width);function currentFrame (setTarget) /注释7return setTarget._currentFrame function scrubEngine (target, speed) /注释8if (_root.scrubDirection = reverse) direction = target._currentframe - Number(speed);_root.direction = directionelsedirection = target._currentframe + Number(speed);_root.direction = directiontarget.gotoAndStop(direction);if (directiontarget._totalframes) target.gotoAndStop(target._totalframes);_root.scrubTargetState = stop;if (_root.scrubTargetState = play) target.play(); else target.stop();注释1：定义“跳到最后”函数。注释2：定义“前进”函数。注释3：定义“停止”函数。注释4：定义“播放”函数。注释5：移动时间滑块。注释6：移动时间滑块时调用的函数。注释7：显示当前播放帧数的函数。注释8：根据输入的速度，调整播放情况。22、将影片的主场景中的