分享

组件多视频播放器的制作原理与方法

 梅竹苑869 2014-04-02

 

 

组件多视频播放器的制作原理与方法

 

   

    教学目的:通过本节教学了解和熟悉组件及其参数的设置,组件实例名称和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/b585b29109433589415b06d176740a9da5044d01881dea24c3aac35106f11e48d44276dba1bd4112.flv   值得

http://g70.f.video.sohu.com/4844156d3d9cc48ec7784ac22b589f0ec2154b53a85d8e0361c926cde202704ff5dec35f05c9682e.flv   大丈夫

http://g26.f.video.sohu.com/7770796099b2d6321a8c29bb5a4c34ea75fe49d3ce77c736580672007d953f7f7ef5f864962021ff.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./domName/hsb345/201061419375134266.swf

全屏下载

 

祝你成功!

 

进入更多教程


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多