在FlashMX中制作视频播放器组件.docVIP

在Flash MX中制作视频播放器组件 文/张晖 在Flash MX中插入视频文件并对视频文件进行控制，是一个有相当技术难度的问题。我们可以简单地制作一个类似常用的媒体播放器的电影夹（MovieClip），但这样的电影夹只能在一个Flash MX文件中使用。为了在多个文件中方便的使用视频播放器，我们可以把它做成一个组件，组件是Flash MX的一个新特性，是以交互功能为主体的一个脚本载体。由于组件可以修改和多重利用，我们可以将已完成的具有一定交互功能的电影夹定义成组件，以便日后多次使用，这使得Flash在交互动画的制作上更方便、快捷。一般说来，一些功能应用比较窄的电影夹可以放置在自定义库里来应用，而那些应用非常广泛的功能电影夹则更适合做成组件，以提高Flash MX交互动画制作的工作效率。下面将逐步讲述如何创建视频播放器组件。 一、自定义组件元素 1.首先，制作组件中需要用到的图形符号和按钮符号。建立一个新的动画文件，大小为400250像素。创建一个图形符号，作为下面即将制作的按钮的背景，如图1所示。 图1 2.创建一个电影夹VideoController，在电影夹编辑区中，将已完成的图形符号作为按钮符号的背景，制作出一系列的按钮符号。按钮符号的图形根据常用的媒体播放器上的“停止”、“播放”、“快进”、“快退”等等功能来制作，如图2所示。 图2 3.打开Properties窗口，为完成的按钮分别定义Instance name，如表1所示。 表1 图形 按钮名称 Instance name对象名称 图形 按钮名称 Instance name对象名称 停止 stopbutton 快进 stepforward 播放 playbutton 跳到结尾 gotoend 返回开始 rewind 循环 loop 快退 stepback 进度滑块 knob 4.在电影夹里绘制出播放器的背景和控制栏的背景，并且用其他颜色绘制两个与播放按钮和循环播放按钮图标相同的图形，这样利用脚本代码中的代码可以实现当点击“播放”或“循环播放”按钮后，按钮颜色会发生变化，使之非常醒目。依次定义他们的Instance name为playhilite、loophilite、faderBackguound、backing，如图3所示。 图3 5.将这些按钮和电影夹进行组合，使之构成一个媒体播放器的样子，如图4所示。 图4 二、加载脚本 在电影夹VideoController的Frame1上加载如下ActionScript脚本： ［Action on Frame］ _parent.stop(); faderbackground._width = width; looping = false; playing = false; top = knob._y; bottom = knob._y; left = knob._x; faderWidth = faderbackground._width-knob._width; segmentWidth = faderWidth/_parent._totalframes; right = knob._x+faderWidth-segmentWidth+1; faderbackground._width -= (segmentWidth-1); …… （详细代码请见） 完成后保存文件并返回场景编辑区。 三、定义组件 我们完成了对自定义组件的脚本加载，这时我们已经做好了一个常用的媒体播放器，它具有控制视频停止、播放、返回开始、快进、快退、跳到结尾等功能。但此刻这个具有一定功能的电影夹还不是一个组件，我们还必须将它定义成组件。 1.打开动画库，如图5所示。 图5 2.选中电影夹VideoController，选择库下拉菜单中的Linkage选项，将电影夹定义为VideoController，如图6所示。 图6 3.选中电影夹VideoController，选择Component Definition，在组件定义面板（Component Definition）中设置参数，如图7所示。 图7 四、组件的本地化安装 至此，一个组件就完成了，但是此时Flash MX的组件库中无法看到这个组件，还必须将组件的.fla源文件放置到正确的目录下，表2是各种常用操作系统下组件源文件存放的路径列表。将组件的源文件复制到对应的目录下，再打开Flash MX的组件库，就可以看到我们完成的组件了。 表2 组件源文件存放路径 Windows 2000和xp C:\DocumentsandSettings\User\ApplicationData\Macromedia\Flash MX\Configuration\Components\ Window 98和