组件多视频播放器的制作原理与方法
教学目的：通过本节教学了解和熟悉组件及其参数的设置，组件实例名称和as语句的填写。并运用此原理制作方便适用的flv视频播放器。
教学对象：本教材是针对有一定动画制作基础和对属性面板及工具箱、动作面板、as语句有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。
教学要点：组件、组件参数、滤镜、动作面板、as语句。
作前准备
1.准备两张规格约为100*95虎年福、禄透明动态图片，经过制图软件（ps、fw）处理后，放在指定的文件夹待用。
2.准备8个flv规格的视频地址，放在指定的文本文档待用。
http://g19.f.video.sohu.com/e8b310ddffe354b80d5b6da05fd239fc088234aa165c6ca0ad5478fdd3927e947d6c31dbedb9cf92.flv 千年缘
http://g64.f.video.sohu.com/2bd737bb57e8cfd0c308c385a57ffe6277775d7b703eb42113be909173c5d9afef448390ddcb495f.flv 韩国美女
http://g64.f.video.sohu.com/6442b30da78e0f03af1b33685a4d5cffbdfe4d2fef928e62de855aa38411df6ac09a0702d489905f.flv 姑娘我爱你
http://g23.f.video.sohu.com/e476437fb012716acbaff5fa58b334750e0058433b6a64d35908529ebb501c23ff7b5047d991e37a.flv 做多少才够
http://g45.f.video.sohu.com/b585b[1**********]415b06d176740a9da5044d01881dea24c3aac35106f11e48d44276dba1bd4112.flv 值得
http://g70.f.video.sohu.com/4844156d3d9cc48ec7784ac22b589f0ec2154b53a85d8e0361c926cde202704ff5dec35f05c9682e.flv 大丈夫
http://g26.f.video.sohu.com/7770796099b2d6321a8c29bb5a4c34ea75fe49d3ce77c[1**********]7d953f7f7ef5f864962021ff.flv 花蝴蝶
http://g18.f.video.sohu.com/323c6d9ec053ba695400e9a8b413a5efc96bdbd63aea42bd90e1ff249cdb674e4e2dc5e7d1a96e5f.flv 爱上你没道理
1.启动FLASH8 软件。
2.确立文档属性
设置动画尺寸为350*400，帧频为12，背景颜色深绿，其它默认,点击确定，进入场景1。如图1所示：
图1
3.首先将准备好的素材图片导入到库中，待用。其素材图如下：
素材
4.创建影片剪辑元件
（1）选择“插入－新建元件”，建立一个名为“矩形”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第一帧，用矩形工具打开混色器，设置其参数，如图2所示：
图2
在舞台拖一个规格350*400的，无边线的矩形。如图3所示：
图3
（2）选择“插入－新建元件”，建立一个名为“小框”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第一帧，用矩形工具在舞台拖一个规格为220*184的，黑红色无边线的矩形（图4－1），全居中；然后在它外边再拖一个规格为190*150的，黄色无边线的矩形（图4－2）；点击该实例。“修改－组合”，全居中（图4－3）；点击黄色矩形，“修改－分离”，将其打散后删除（图4－4）。其流程，如图4所示：
图4
5.编辑制作场景
返回场景1，添加四个图层，共五个图层。自下而上命名为背景、组件、小框、福禄、文本。
（1）选择背景图层第一帧，从库中拖出“矩形”影片剪辑元件到舞台，全居中。点击该实例，打开属性面板的滤镜，设置其参数，如图5所示：
图5
锁定该图层。
（2）选择组件图层第一帧，点击“窗口－组件”，打开组件面板，双击Media-Player 6 - 7文件夹，打开该文件夹，用鼠标将MediaPlayback组件
拖到舞台，放置在背景的中上方，选中该实例，设置其规格为220*248，水平中齐；在双击User Interface文件夹 ，打开该文件夹，用鼠标将ComboBox组件
拖到舞台，放置在背景的中下方，选中该实例，设置其规格为158*22，水平中齐。两组件在舞台的位置，如图6所示：
图6
为组件添加语句：
点击MediaPlayback组件，在属性面板填写其实例名称为：back 。如图7所示：
图7
在点击ComboBox组件，按f9，打开动作面板，在as编辑器输入，如下指令语句：
on (load) {
_root.back.setMedia(this.value);
}
on (change) {
_root.back.setMedia(this.value);
}
为组件设置参数：
点击ComboBox组件－参数，打开参数界面。如图8所示：
图8
点击参数表中的data，在点击该栏右侧的收索镜，打开参数“值”列表。点击左上角的＋号，将0右侧栏中的内容，换成你准备好的flv规格的视频地址，粘贴进去。在点击＋号，完成第二个视频地址的粘贴。如此，将你准备的视频地址按顺序粘贴到相关的栏中。如图9所示
图9
点击“值”列表下方的“确定”，填写的视频地址便进入参数列表中。
同理，再点击ComboBox组件－参数，打开参数界面。如图10所示：
图10
点击参数表中的labels，在点击该栏右侧的收索镜，打开参数“值”列表。点击左上角的＋号，将0右侧栏中的内容，换成和视频地址相对应的视频名称，粘贴进去。在点击＋号，完成第二个视频名称的粘贴。如此，将你准备的视频名称按顺序粘贴到相关的栏中。如图11所示：
图11
点击“值”列表下方的“确定”，填写的视频名称便进入参数列表中。在rowCount栏右侧默认的5，改为8（因为本作业加载了8个视频）。上锁。如图12所示：
图12
（3）选择小框图层第1帧，从库中拖出“小框”影片剪辑元件到舞台，按原规格将其放置在MediaPlayback组件之上，上边缘和该组件的上边缘对齐，水平中齐。点击该实例，打开属性面板的滤镜，设置其参数，如图13所示：
图13
锁定该图层。 （4）选择福禄图层第1帧，从库中分别拖出“福”和“禄”图片到舞台，调整好规格后，将其分别放到ComboBox组件的两侧。上锁。如图14所示：
图14
（5）选择文本图层第1帧，用文本工具在ComboBox组件的下方输入：“视频播放器”，字体、规格、颜色随意。上锁。如图15所示：
图15
6.该作业完成后的时间轴，如图16所示：
图16
7.测试存盘
*说明：
1.组件是flash8软件自带的功能，用途广泛，功能强大。运用组件可加载外部的语音和视频文件。
2.用组件加载外部文件的优点是大大压缩了swf文件的体积；其缺点是当外部文件地址失效，其swf文件加载的内容也不显示。
3.视频边框形状你可以随意设计成液晶屏幕，台式屏幕和摄像机屏幕等。展开你丰富的想象力，大胆地创作吧。
最终效果显示：
http://hsb345.16789.net/domName/hsb345/[***********].swf
全屏下载
祝你成功！
进入更多教程