中职Flash CS3动画设计案例教程项目十一课件_第1页
中职Flash CS3动画设计案例教程项目十一课件_第2页
中职Flash CS3动画设计案例教程项目十一课件_第3页
中职Flash CS3动画设计案例教程项目十一课件_第4页
中职Flash CS3动画设计案例教程项目十一课件_第5页
已阅读5页,还剩85页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、(中职)Flash CS3动画设计案例教程项目十一ppt课件项目十一 行为和组件的应用 任务一使用行为加载外部图片并控制图片 任务二使用行为控制声音 任务三使用行为制作幻灯片效果 任务四使用DateChooser组件制作日历 任务五 使用Accordion组件制作汽车广告 任务六使用ComboBox组件制作动车时刻表查询 任务七利用FLVPlayback组件调用Flv视频 任务一使用行为加载外部图片并控制图片本节内容案例效果操作步骤知识与技能上机练习 任务一使用行为加载外部图片并控制图片案例效果 任务一使用行为加载外部图片并控制图片1、新建Flash文件(ActionScript2.0)(Ct

2、rl+N),大小430*320(Ctrl+J),背景色#999999。保存(Ctrl+S)文件到加载图像的目录下。本例保存到sucai目录下,文件名task_1.fla。2、在图层1第一帧绘制一白色矩形(笔触无色),大小370*279(和加载图片大小相同),选中矩形,右击,在弹出的快捷菜单中,点击“转换为元件”,具体设置如图11-1-1:3、选中舞台实例load_pic,右击,在弹出的快捷菜单中,点击“转换为元件”,设置如图11-1-2:操作步骤 任务一使用行为加载外部图片并控制图片注册点在中心,确定。并将实例pic命名为p1,如图11-1-3。4、双击实例pic,进入元件pic编辑窗口,选中

3、实例load_pic,在属性面版,将其实例名称设为bk,如图11-1-4操作步骤 任务一使用行为加载外部图片并控制图片5、返回场景,打开库(Ctrl+L),将元件pic拖到图层1,实例名称设为p2,再次将元件pic拖入到场景中,实例名称设为p3,同理,再拖两次,依次实名名称为p4和p5。(注意五个实例位置不能完全重叠,相互错开即可)6、新建图层2,选第一帧,按Shift+F3,打开行为面版,单击(+)添加行为影片剪辑加载图像,具体设置如图11-1-5、图11-1-6、图11-1-7:操作步骤 任务一使用行为加载外部图片并控制图片操作步骤图11-1-5图11-1-6图11-1-7 任务一使用行为

4、加载外部图片并控制图片1、新建Flash文件(ActionScript2.0)(Ctrl+N),大小430*320(Ctrl+J),背景色#999999。保存(Ctrl+S)文件到加载图像的目录下。本例保存到sucai目录下,文件名task_1.fla。2、在图层1第一帧绘制一白色矩形(笔触无色),大小370*279(和加载图片大小相同),选中矩形,右击,在弹出的快捷菜单中,点击“转换为元件”,具体设置如图11-1-1:3、选中舞台实例load_pic,右击,在弹出的快捷菜单中,点击“转换为元件”,设置如图11-1-2:操作步骤 任务一使用行为加载外部图片并控制图片同理,加载图像五次,对应关系

5、是选中图层2第一帧,按F9打开动作面版即可看到AS脚本,如图11-1-8:操作步骤输入要加载的.JPG文件的URL选择要将该图像载入到哪个影片剪辑路径1.jpP1.bk绝对2.jpp2.bk绝对3.jpP3.bk绝对4.jpP4.bk绝对5.jpP5.bk绝对 任务一使用行为加载外部图片并控制图片操作步骤 任务一使用行为加载外部图片并控制图片至此,加载图像制作完毕,按Ctrl+Enter,测试,如图11-1-9。操作步骤 任务一使用行为加载外部图片并控制图片下面制作图像拖放。7、选中实例名称为p1,单击(+)添加行为-影片剪辑-移到最前,如图11-1-10、图11-1-11、图11-1-12。

6、操作步骤图11-1-10图11-1-11 图11-1-12 任务一使用行为加载外部图片并控制图片继续单击(+)添加行为-影片剪辑-开始拖动影片剪辑,如图11-1-13、图11-1-14。操作步骤图11-1-13图11-1-14 任务一使用行为加载外部图片并控制图片继续单击(+)添加行为-影片剪辑-停止拖动影片剪辑,如图11-1-15、图11-1-16。操作步骤图11-1-15图11-1-16 任务一使用行为加载外部图片并控制图片同样方法,分别给实例名称为p2,p3,p4,p5添加行为动作:开始拖动、停止拖动和移到最前。如下表所示:按Ctrl+Enter测试并发布。操作步骤事件动作影片剪辑按下时

7、开始拖动影片剪辑实例名称p1,p2,p3,p4,p5释放时停止拖动影片剪辑实例名称p1,p2,p3,p4,p5释放时移动最前实例名称p1,p2,p3,p4,p5 任务一使用行为加载外部图片并控制图片1、flash文档须和图像文件在同一目录。2、“行为”面板中的“事件”, 默认事件是“释放时”,单击它,然后从此菜单中选择其他鼠标事件,如图11-1-16。 图11-1-163、实例名称p1,p2,p3,p4,p5其中一个实例的行为添加完毕后,只需选中它,按F9打开动作面版将其AS脚本复制,再分别选中其他实例并打开动作面版将AS内容粘贴即可。知识与技能 任务一使用行为加载外部图片并控制图片根据本任务

8、素材,对照操作步骤,将本任务重新制作一遍。或者自己准备五张大小相同的图片,利用行为将五张图片加载到Flash文档,并加以控制。上机练习 任务二使用行为控制声音本节内容案例效果操作步骤知识与技能上机练习案例效果 任务二使用行为控制声音操作步骤电子相册的制作方法不在本任务之内,本任务着重操作如何给无声的电子相册添加音乐。1、打开素材文件task_2.fla。2、在“背景”层上新建一层名为“背景音乐”层,单击文字工具,在该层帧输入“背景音乐”;单击菜单“窗口(W)”“公用库(B)”“按钮”,找到playback flat文件夹并展开,将flat blue play和flat blue stop按钮分

9、别拖到“背景音乐”层,置于文字“背景音乐”右边并用对齐工具使它们与“背景音乐”水平对齐,如图11-2-1、图11-2-2、图11-2-3。 任务二使用行为控制声音操作步骤 任务二使用行为控制声音图11-2-1图11-2-2图11-2-3操作步骤3、单击菜单“文件(F)”“导入(I)”“导入到库(L)”打开“导入到库”对话框,找到事先准备的背景音乐,本任务用到的背景音乐放在“任务2素材”目录下,文件名bg.mp3。4、打开库,找到刚导入的bg.mp3,右击点“链接”,设置如图11-2-4. 任务二使用行为控制声音操作步骤5、打开行为面版(Shift+F3),选中“播放”按钮,单击(+)添加行为声

10、音从库加载声音,具体设置如图11-2-4、图11-2-6所示。 任务二使用行为控制声音图11-2-5图11-2-6操作步骤再次选中“播放”按钮,单击(+)添加行为声音播放声音,设置如图11-2-7、图11-2-8所示。 任务二使用行为控制声音图11-2-7图11-2-8操作步骤“播放”按钮触发事件均为“释放时”。选中“停止”按钮,单击(+)添加行为声音停止声音,具体设置如图11-2-9、图11-2-10所示。 任务二使用行为控制声音图11-2-9图11-2-10操作步骤 任务二使用行为控制声音播放按钮行为停止按钮行为6、制作完毕,测试发布。知识与技能本任务用到声音行为可以修改,可以删除。修改动

11、作是双击动作对应的名称,修改事件只须单击该事件,系统自动出现下拉列表菜单,各种事件任由选择。当一个对象有若干行为时,可以调整它们的顺序,方法是选中某行为后单击“上移”“下移”按钮;如不需要某行为时,选中它,直接点击“删除行为”按钮。 任务二使用行为控制声音上机练习按本任务给定的素材,对照最终效果,使用行为给电子相册添加声音,并加以控制,如播放,暂停等。 任务二使用行为控制声音本节内容案例效果操作步骤知识与技能上机练习 任务三使用行为制作幻灯片效果 任务三使用行为制作幻灯片效果最终效果 任务三使用行为制作幻灯片效果操作步骤1、新建Flash幻灯片演示文稿(Ctlr+N),大小610*480(Ct

12、rl+J),背景色#999999,如图11-3-1、图11-3-2所示。图11-3-1图11-3-2 任务三使用行为制作幻灯片效果操作步骤2、单击“屏幕轮廓”上方的(+)“插入屏幕”按钮或右击“屏幕轮廓”任何处,在弹出的快捷菜单中插入屏幕(I),本任务共“插入屏幕”十次,如图11-3-3、图11-3-4所示。图11-3-3图11-3-4 任务三使用行为制作幻灯片效果操作步骤3、打开标尺(Ctrl+Alt+Shift+R),在“演示文稿”屏幕上添加水平1(0,35)、水平2(0,400)和垂直(100,0)辅助线,单击文本工具,设置静态文本属性:字体(方正大黑简体),大小(42),方向(垂直,从

13、左向右),字母间距4,文本颜色#FFFF00等,具体设置如图11-3-5。4、在垂直辅助左侧输入文本“中国十大旅游胜地”,如图11-3-6示。图11-3-5 任务三使用行为制作幻灯片效果操作步骤5、单击文本工具,重新设置静态文本属性:字体(方正大黑简体),大小(24),方向(水平),字母间距0,文本颜色#FFFF00等,具体设置如图11-3-7。在水平辅助线下方依次输入文本:故宫、杭州西湖、桂林漓江、张家界、秦陵兵马俑、黄山、苏州园林、布达拉宫、九寨沟、丽江,利用对齐工具,将上述文本均匀对齐,如图11-3-8。图11-3-7图11-3-8 任务三使用行为制作幻灯片效果操作步骤6、新建元件(Ct

14、rl+F8),名称(N)为al,类型(I)按钮,确定,进入元件al编辑窗口,右击图层1“点击”状态帧,在弹出的快捷菜单中,点击“插入关键帧”,选矩形工具,绘制一无笔触的实心方块,如图11-3-9示。7、返回“演示文稿“屏幕,将元件按钮al拖到各胜地名称上,利用“任意变形工具”进行调整,按钮大小同文本匹配,位置相同即可,如图11-3-10。图11-3-9图11-3-10 任务三使用行为制作幻灯片效果操作步骤8、将素材图片导入到库,单击“文件(F)”“导入(I)”“导入到库(L)”,在弹出的“导入到库”对话框中,逐个将十张旅游胜地风景图片选中后,确定。9、选中幻灯片1,将库中故宫图片拖入到幻灯片1

15、中,图片上于水平1辅助线对齐,左与垂直辅助线对齐,选中幻灯片2,将库中杭州西湖图片拖入到幻灯片2中,上于水平1辅助线对齐,左与垂直辅助线对齐;按同样方法,依次将其他8个旅游胜地图片分别拖到另8个幻灯片中,如图11-3-11所示。 任务三使用行为制作幻灯片效果最终效果图11-3-11 任务三使用行为制作幻灯片效果最终效果10、依次把幻灯片1、2、幻灯片10重新命名,方法是双击它,然后依次输入故宫、杭州西湖丽江,如图11-3-12。图11-3-1212 任务三使用行为制作幻灯片效果最终效果11、选中“演示文稿”主屏,打开行为面版(Shift+F3),选中“故宫”按钮,单击(+)添加行为屏幕转到幻灯

16、片,选择屏幕为演示文稿故宫,路径为绝对,确定后,事件为释放时,如图11-3-13、图11-3-14、图11-3-15示。 图11-3-13 图11-3-15 图11-3-14 任务三使用行为制作幻灯片效果最终效果同样方法,分别给其他9个按钮添加行为,屏幕内容要与按钮对应。12、下面给每个屏幕设定过渡效果,选中故宫屏幕,单击(+)添加行为屏幕转变,如图11-3-16、图11-3-17示。图11-3-16 任务三使用行为制作幻灯片效果操作步骤图11-3-17 任务三使用行为制作幻灯片效果操作步骤同样方法给其他屏幕设定效果,Flash CS3自带效果有11种,具体采用何种效果根据个人喜好而定。13、

17、保存后,按Ctrl+Enter测试、发布。 任务三使用行为制作幻灯片效果知识与技能1、Flash 幻灯片演示文稿使用幻灯片屏幕作为默认屏幕类型。 幻灯片屏幕是针对顺序演示文稿设计的。每个文档的顶层中都有一个主屏幕。 在 Flash 幻灯片演示文稿中,顶层屏幕在默认情况下称为“演示文稿”。 可以将多个屏幕添加到文档,并可以根据需要将屏幕嵌套在任意多个层中的其它屏幕内,如图11-3-18。图11-3-1818 任务三使用行为制作幻灯片效果知识与技能2、为便于行为控制,可对幻灯片重新命名,命名规则应与展示内容相同,如幻灯片1命名为故宫,幻灯片2命名为西湖,这样便于各“胜地”按钮控制对应的内容,不会造

18、成旅游胜地名称与内容不符。3、Flash CS3行为屏幕转换效果有11种,大多数效果带有参数,且可以更改设置。18 任务三使用行为制作幻灯片效果上机练习对照任务三的最终效果,利用任务三素材或自主收集素材,使用行为制作幻灯片效果。18本节内容案例效果操作步骤知识与技能上机练习 任务四使用DateChooser组件制作日历最终效果 任务四使用DateChooser组件制作日历操作步骤DateChooser组件是一个允许用户选择日期的日历。该组件包含一些按钮,这些按钮允许用户在月份之间来回翻动并单击选中某个日期。可以设置指定月份和日期、星期的第一天、任何禁用日期以及加亮显示当前日期的参数。1、新建F

19、lash文件(ActionScript2.0)(Ctrl+N),大小1280*800(Ctrl+J),其他按默认值设置,如图11-4-1。2、导入素材图片。单击“文件(F)”“导入(I)“导入到舞台(I)”或Ctrl+R。本任务所用素材图片是墙纸.jpg(1280*800),导入后,居中,大小与舞台匹配。 任务四使用DateChooser组件制作日历图11-4-1操作步骤3、选中导入的图片,按F8,将其转换为图形元件,设置如图11-4-2。4、锁定图层1,新建图层2后,打开组件面版(Ctrl+F7),展开User Interface,找到组件DateChooser,并拖入到图层2的第一帧,置于

20、舞台的右上方,大小适中,如图11-4-3示。 任务四使用DateChooser组件制作日历图11-4-2操作步骤 任务四使用DateChooser组件制作日历图11-4-3操作步骤5、选择图层2中DateChooser组件,点击属性框里的参数栏项,把将DateChooser组件命名为myDateChooser,将dayNmanes参数改为日,一,二,三,四,五,六。将monthNames参数分别加入十二个月份,如图11-4-4、图11-4-5、图11-4-6示。 任务四使用DateChooser组件制作日历图11-4-4图11-4-5操作步骤 任务四使用DateChooser组件制作日历图11

21、-4-6 6、新建图层3,按F9打开动作面版,输入AS代码,设定DateChooser组件外观。 /定义日历字体大小为14磅,默认为10磅 myDateChooser.fontSize = 14; /定义日历背景色为黑色 myDateChooser.setStyle(backgroundColor,0 x000000) /设置月份名称文本颜色为深绿色 _global.styles.HeaderDateText.setStyle(color,0 x006600);操作步骤/设置星期几文本颜色为蓝色_global.styles.WeekDayStyle.setStyle(color,0 x0000

22、ff);/设置月份名称字体大小为24磅_global.styles.HeaderDateText.fontSize = 24;/设置星期几字体大小为18磅_global.styles.WeekDayStyle.fontSize = 18;/设置今天的日期颜色为红色_global.styles.TodayStyle.setStyle(color,0 xff0000);/设置今天的日期文本字体大小为24磅_global.styles.TodayStyle.fontSize = 24;其他按默认值,不重新设定。7、保存文件为task_4.fla,按Ctrl+Enter测试并发布 任务四使用DateC

23、hooser组件制作日历知识与技能组件是带有参数的电影剪辑,这些参数可以用来修改组件的外观和行为。每个组件都有预定义的参数,并且它们可以被设置。DateCHooser组件隶属于User Interface(UI)组件;DateCHooser组件参数含义:disableDays表明用户不能做选择的日期。firstDayOfWeek指定星期几排在首位。 showToday表明是(true)否(false)标注当前日期。 任务四使用DateChooser组件制作日历上机练习对照任务四最终效果,利用任务四给定的背景素材,使用DateChooser组件制作日历。 任务四使用DateChooser组件制作

24、日历本节内容案例效果操作步骤知识与技能上机练习 任务五 使用Accordion组件制作汽车广告最终效果 任务五 使用Accordion组件制作汽车广告操作步骤1、新建“Flash 表单应用程序”(Ctrl+N),大小设置为370*390(Ctrl+J),如图11-5-1。2、单击屏幕大纲视图面版上的(+)插入屏幕按钮,插入屏幕表单1,表单2,表单6。依次选中每个屏幕,打开属性面版,修改屏幕名称为a、b、c、d、e、main,同时设置注册点为左上角,自动贴紧,如图11-5-2、图11-5-3、图11-5-4示。 任务五 使用Accordion组件制作汽车广告图11-5-1操作步骤 任务五 使用A

25、ccordion组件制作汽车广告图11-5-2图11-5-3图11-5-4操作步骤3、导入素材图片,方法是单击“文件(F)”“导入(I)”“导入到库(L)”,在弹出的导入到库对话框中一次性选中要导入的五张图片后单击“打开”。4、选中屏幕“main”,打开组件面版(Ctlr+F7),展开User Interface(UI)组件,找到Accordion组件并拖到“main”屏幕中,调整大小为370*390。5、新建影片剪辑元件icon,在影片剪辑编辑窗口绘制一个红色圆角五角星,宽和高为12px,注册点为左上角,如图11-5-5。 任务五 使用Accordion组件制作汽车广告图11-5-5操作步骤

26、6、打开库,右击元件icon链接,设置为如图11-5-6示。 图11-5-6 任务五 使用Accordion组件制作汽车广告操作步骤7、选中屏幕“main”选中组件Accordion单击属性栏点击参数选项卡,出现参数设置界面,如图11-5-7childIcons后面的,弹出值对话框,点击+,添加值,将defaultValue改为icon,共添加五次,值均为icon;同样方法,为childLabels、childNames、childSymbols设置参数值,如图11-5-8示。 任务五 使用Accordion组件制作汽车广告图11-5-7操作步骤8、依次选中屏幕a、b、c、d、e,将库中的五张

27、图片拖放到各个屏幕的左上方,即x和y坐标值均为0。至此,制作完毕。保存文件为task_5.fla,测试发布。 任务五 使用Accordion组件制作汽车广告图11-5-8知识与技能Accordion组件参数含义:ChildIcons每行图标设置;ChildLabels每行标签设置;ChildNanmes每行名称设置;ChildSymbols 每行指定内容。各参数值可添加也可删除,各参数值次序还可以调整,如图11-5-9。 任务五 使用Accordion组件制作汽车广告图11-5-9上机练习对照任务五最终效果,利用任务给定的素材,使用表单程序和Accordion组件 制作汽车广告。 任务五 使用

28、Accordion组件制作汽车广告本节内容案例效果操作步骤知识与技能上机练习 任务六使用ComboBox组件制作动车时刻表查询最终效果 任务六使用ComboBox组件制作动车时刻表查询操作步骤1、新建“Flash文件(ActionScript2.0)”(Ctrl+N),大小设置为682*545(Ctrl+J)。2、导入素材动车图片做背景。单击“文件(F)“导入到舞台(I)(Ctrl+R),导入后,将它转换为矢量图,设置如图11-6-1、图11-6-2所示,转完后,全选,进行组合(Ctrl+G),并与舞台大小匹配(Ctrl+Shift+Alt+7,Ctrl+Shift+Alt+9),再居中。(C

29、trl+Shift+7,Ctrl+Shift+9) 任务六使用ComboBox组件制作动车时刻表查询图11-6-1图11-6-2操作步骤3、打开库将导入的动车图片删除,以减少文件大小。4、新建图层2,单击文本工具,对字体、文本方向、文本颜色等进行设置,如图示。然后在图层2第一帧输入“安徽省动车时刻表查询系统”文本,如图11-6-3、图11-6-4。 任务六使用ComboBox组件制作动车时刻表查询图11-6-3图11-6-4操作步骤5、新建图层3,打开组件面版(Ctrl+F7),展开User Interface组件,找到Button组件后拖入图层3第一帧,放在背景图的右下角,大小适中,如图11

30、-6-5。6、选中Button组件,在属性栏将其实例名称命名为chaxun后,单击参数选项卡,将label后面的值改为“查询”,其他参数按默认值,图11-6-7、图11-6-8。 任务六使用ComboBox组件制作动车时刻表查询图11-6-5 图11-6-7 图11-6-8 操作步骤7、新建图层4,展开User Interface组件,找到ComboBox后拖入到该层的第一帧,放在背景图的中央,大小适中,图11-6-9。8、选中ComboBox组件,在属性栏将其实例名称命名为xuanze后,单击参数选项卡,双击date 后面,添加date的值。双击参数label后面,添加label的值,其他参

31、数按默认值,如图11-6-10、图11-6-11、图11-6-12示。 任务六使用ComboBox组件制作动车时刻表查询图11-6-9操作步骤 任务六使用ComboBox组件制作动车时刻表查询图11-6-10图11-6-11操作步骤9、将图层1延长到第9帧后,新建图层5,选中它,然后右击该层第1帧到第9帧任何处,在弹出的快捷菜单中选“转为关键帧”或是“转为空白关键帧”皆可,如图11-6-13。图11-6-12 图11-6-13 任务六使用ComboBox组件制作动车时刻表查询操作步骤10、选中图层5第1帧,按F9打开动作面版,按ESC+st,或输入停止函数stop();右击第1帧,在弹出的快捷

32、菜单中点复制帧,右击第2帧在弹出的快捷菜单中点粘贴帧,同样方法,一直粘贴到第9帧,如图11-6-14。(有AS脚本的帧上面有个字母a )11、单击“文件(F)”“导入(I)”“导入到库(L)”,将各动车站数据(本任务事先将数据制作图片JPEG格式)导入,如图11-6-15。图11-6-14图11-6-15 任务六使用ComboBox组件制作动车时刻表查询操作步骤12、在图层4和图层5之间插入图层6,并将该层所有帧转为空白关键帧。打开库,依次把蚌埠.jpg、滁州.jpg宿州.jpg这八张图片分别放在该层的第2帧、第3帧第9帧,并将图片居中。13、单击工具栏文本工具,在属性栏设置好文本属性,如字体

33、,大小,颜色等,如图11-6-16。在图层6依次从第2帧开始输入文本“蚌埠动车组时刻表”、“滁洲动车组”、“宿州动车组时刻表”,要求上述每帧的文体水平居中,如图11-6-17。图11-6-16 任务六使用ComboBox组件制作动车时刻表查询操作步骤14、选中图层3第2帧按F6插入关键帧,再按第9帧按F5插入帧。选中按钮“查询”,在属性栏将实例名称改为fanhui,点击参数选项,将label改为“返回”,如图11-6-18、图11-6-19。图11-6-18图11-6-19 任务六使用ComboBox组件制作动车时刻表查询操作步骤15、选中图层5后插入新图层7,打开动作面版,在第1帧,输入以下

34、AS代码,如图11-6-19。_root.chaxun.onRelease = function() /如果点击并释放“查询”按钮 x = _root.xuanze.getValue();/将选择框的 data值赋给变量 x _root.gotoAndStop(x+1);/时间轴跳转到第 x+1 帧并停止 ;16、选中“返回”按钮,按F9打开动作面版,输入AS代码,如图11-6-20。on (click) _root.gotoAndStop(1);/时间轴跳转到第1帧并停止 任务六使用ComboBox组件制作动车时刻表查询操作步骤17、保存(Ctrl+S)文件为task_6.fla,测试发布。

35、(Ctrl+Enter)图11-6-20 任务六使用ComboBox组件制作动车时刻表查询知识与技能要使每帧文本位置对齐,简单方法就是复制某帧文本后,选中其他帧按“Ctrl+Shift+V”粘贴到当前位置然后修改文本内容即可,如在本任务中,先选中第2帧的“蚌埠动车组时刻表”文本复制,然后点击第3帧按“Ctrl+Shift+V”粘贴到当前位置,再双击文本将“蚌埠”改为“滁州”即可。 任务六使用ComboBox组件制作动车时刻表查询上机练习对照任务六最终效果,利用任务六素材,使用ComboBox组件制作动车时刻表查询。 任务六使用ComboBox组件制作动车时刻表查询本节内容案例效果操作步骤知识与

36、技能上机练习 任务七利用FLVPlayback组件调用Flv视频最终效果 任务七利用FLVPlayback组件调用Flv视频操作步骤1、新建Flash文件(ActtionScript2.0)(Ctrl+N),大小294*265(Ctrl+J),背景为黑色(#000000),其他按默认值,如图11-7-1。2、打开组件面版(Ctrl+F7),展开Video组件,找到FLVPlayback组件,并拖入到舞台中,大小294*225,如图11-7-2、图11-7-3。 任务七利用FLVPlayback组件调用Flv视频图11-6-1图11-7-2图11-7-3操作步骤3、选中实例FLVPlayback

37、,打开参数选项卡后,对主要参数进行设置。一是contentPath,二是skin。这里把contentPath设置tlgx.flv(注意flash文件要保存到FLV视频同一目录下才可用相对路径,否则用绝对路径),skin皮肤,这里选SteelExternalNoVol.swf,如图11-7-4、图11-7-5、图11-7-6。 4、测试发布。(Ctrl+Enter) 任务七利用FLVPlayback组件调用Flv视频图11-7-5图11-7-4图11-7-6知识与技能1、使用CS3自带的Flash Video Encoder进行转换。直接导入Flash视频音:主要包括 avi、 mpg、mpeg、 wmv、asf 、 mov 格式。视频导入方法:选择“文件”“导入”“导入到库”。 2、发布生成的swf文件的同文件夹里还有一个FLVPlayback播放组件的皮肤文件,扩展名也为swf,皮肤不同名称也不同,这个文件能不删了,删了就不能控制flv视频了。3、参数含义:autoPlay 一个布尔值,用于确定如何播放 FLV。 如果设为 true,则 FLV 在加载后立即播放。 如果设为 false,则在加载第一帧后暂停。 默认值为 true。autoRewind 一个布尔值,用于

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论