您好!欢迎您光临组件单视频播放器制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>组件单视频播放器制作原理与方法
组件单视频播放器制作原理与方法
发表日期:2014-3-24 21:20:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2931

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

   

    教学目的:通过本节教学了解和熟悉组件及其组件检查器的设置,并运用此原理制作方便适用的单视频播放器。

  教学对象:本教材是针对有一定动画制作基础和对属性面板及工具箱、及其它面板有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:组件、组件检查器、按钮。

   

   

    作前准备

    1.准备一个flv规格的视频地址,放在指定的文本文档待用。

    制作过程

    1.启动FLASH8 软件。

    2.确立文档属性

    设置动画尺寸为500*450,帧频为12,背景颜色深绿,其它默认,点击确定,进入场景1。如图1所示:



图1

    3.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“组件”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,点击“窗口-组件”,打开组件面板,双击Media-Player 6 - 7文件夹,打开该文件夹,用鼠标将MediaPlayback组件拖到舞台。如图2、3所示:

图2


图3

选中该实例,点击属性面板上的“参数”,再点击参数面板的“启动组件检查器”(或选择“窗口-组件检查器”),打开“组件检查器”面板,设置其参数选项,如图4、5所示:

图4


图5

将准备好的flv规格的视频有效绝对地址粘贴到URL的地址栏中,关闭该界面。然后将舞台组件放大规格为500*450。全居中。如图6所示:

图6

 

    4.创建按钮元件

    选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第4帧(点击)插入空白关键帧,用矩形工具在舞台拖一个无边线的矩形,颜色随意。全居中。如图7所示:


图7

    5.编辑制作场景

    返回场景1,添加三个图层,共四个图层。自下而上命名为视频、文本、按钮、as。 

    (1)选择视频图层第一帧,从库中拖出“组件”影片剪辑元件到舞台,设置其规格为500*450,全居中。如图8所示:

图8

在第2帧插入关键帧,点击该实例,在属性面板将其色调改为,如图9所示:

图9

(设置后组件在场景颜色不变,不要紧,测试时就看到效果了)

在第3帧插入关键帧,点击该实例,在属性面板将其色调改为,如图10所示:


图10

(设置后组件在场景颜色不变,不要紧,测试时就看到效果了)

并将该帧上的实例规格修改为500*300,水平中齐-垂直中齐。上锁。如图11所示:

图11

    (2)选择文本图层第一帧,用文本工具在舞台下方输入,“宽屏、正屏、全屏”,颜色、字体、规格适当,并将三者调整到水平位置。在第3帧插入帧。上锁。如图12所示:


图12

    (3)选择按钮图层第一帧,从库中分别依次拖出三个“隐钮”按钮元件,将其分别依次放置在“宽屏、正屏、和全屏”文字之上,调整好位置规格。如图13所示:

图13

    给按钮添加指令语句:

    点击宽屏上的按钮,按f9,打开作面板,在as编辑区输入,如下语句:

on (release) {
 gotoAndStop(3);

}

    点击正屏上的按钮,按f9,打开作面板,在as编辑区输入,如下语句:

on (release) {
 gotoAndStop(2);

}

    点击全屏上的按钮,按f9,打开作面板,在as编辑区输入,如下语句:

on (release) {
 gotoAndStop(1);

}

在第3帧插入帧,上锁。

    (4)选择as图层第一帧,按f9,打开作面板,在as编辑区输入,如下帧语句:

fscommand("fullscreen", "true");
stop ();

在第3帧插入帧,锁定该图层。


    6.该作业完成后的时间轴,如图14所示:



图14

    7.测试存盘

 

    *说明:

     1.组件是flash8软件自带的功能,用途广泛,功能强大。运用组件可加载外部的语音和视频文件。

     2.用组件加载外部文件的优点是大大压缩了swf文件的体积;其缺点是当外部文件地址一旦失效,其swf文件加载的内容也就不显示了

     3.此方法只要在存盘后,打开wsf文件时是宽屏显示,按Esc键恢复原作品规格。上传发表后,只能在正屏和宽屏之间交互。

 

最终效果显示:


http://hsb345.16789.net/domName/hsb345/201432119202225668.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



wjwz6768
(2010-8-15 22:40:00)

根据老师的教材老是不显示·最后只用“视频层·as层·就用一帧”
   在网上学的输入flv地址·观看视频·在flash8软件上面测试可以加载到flv影像·但是上传到网络·又不显示了·还请老师赐教为盼!!!!


yaorao
(2010-5-23 6:20:00)

老师我找不到FTV

 发表评论:共有 2 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167