Flash课程设计资料报告材料

Flash课程设计报告专业名称：系部名称：学生姓名：班级名称：指导教师：目录一、前言 (1)二、课程设计容 (2)课题的理论基础概述 (2)课题功能描述 (2)开发中遇到的问题及解决方法描述 (5)本次开发中的不足之处，课题的展望 (5)三、体会 (5)四、参考资料 (6)Flash课程设计报告一、前言课程设计是课程教学中的一项重要容，是完成教学计划达到教学目标的重要环节，是教学计划中综合性较强的实践教学环节，它对帮助我们全面牢固地掌握课堂教学容、培养我们的实践和实际动手能力、提高学生全面素质具有很重要的意义。

Flash编程是一门实用性和实践性都很强的课程，课程设计环节应占有更加重要的地位。

它要求学生能灵活掌握所学知识，将本学期所学的知识，通过此次实训课程来实现，是一门发散思维和动手相结合的学科。

在见过的很多Flash特效的实例中，可以看出这些特效的实现都是基于最简单的Flash知识上的，而通过此次的课程设计将大大提高学生们对Flash基本知识的掌握，为以后的Flash设计打下坚实的基础。

本课程设计的目的旨在帮助我们掌握Flash相关知识，通过让我们自己设计，培养学生应用所学知识并很好的运用到实践的能力。

二、课程设计容课题的理论基础概述1、使用FLVPlayback组件处理Flas视频文件。

2、在“属性”查看器里设置FLVPlayback的组件的属性。

3、利用ActionScript设置FLVPlayback组件的属性。

4、使用ColorPicker组件设置视频外观的背景颜色。

5、使用Slide组件调整视频外观的透明度。

6、使用ActionScript提示点从视频文件里的标记出发事件。

7、使用FLVPlaybackColorPicker组件。

8、使用时序文本XML文件实现视频字幕。

9、创建ActionScript对视频文件播放结束做出响应。

10、创建ActionScript处理XML视频播放文件列表。

11、使用“允许全屏”模板在浏览器里查看全屏视频。

课题功能描述我们本次设计的课题是利用ActionScript和组件控制视频课题的大部分容是用外部媒体和数据文件以及Flash CS5组件，利用ActionScript把这些部分联系在一起，创建一个简单的视频播放程序。

课题的组件和文本都位于contentde 空层里，全部的代码位于actions层里。

首先是添加FLVPlaydack组件1、在场景可见的情况下选中content层的第1帧，打开“组件”面板。

2、从组件面板中的video文件夹里找到FLVPlaydack2.5组件。

3、FLVPlaydack组件的一个实例拖放到场景右下角。

4、在属性面板里把FLVPlaydack组件实例名设置为vidPlater。

在Flash里设置FLVPlaydack的属性1、在选中场景中的vidPlater组件，打开属性查看器，找到“组件参数”区域。

这些属性都可以通过ActionScript进行设置。

2、在属性查看器的组件参数区域里单击ｓｏｕｒｃｅ属性右侧的铅笔图标。

3、在打开的对话框里找到video文件夹，选择solution.f4v.单击“确定”按钮，这时视频文件的路径就会显示在source属性的右侧。

4、选中vidPlater实例，在组件参数里单击skins属性打开选择外观对话框。

5、接着选中vidPlater组件，在组件参数区域里设置skinBackground Color属性，并命名为调色板。

选择颜色作为视频控制的颜色。

用ActionScript控制FLVPlaydack1、打开组件控制面板，从user lterface组件文件夹里选择Slider组件。

2、在contents层，把slider组件的实例拖放在场景左上角的区域里。

3、在属性里设置实例名为alphaslide.4、打开alphaslide实例，打来属性面板设置参数。

5、接着创建一个文本元素。

像用户提供滑块的作用。

拖出一个文本区域，在文本里输入字样，并根据需要设置字体和颜色。

接着输入代码import fl.events.SliderEvent;import fl.controls.ColorPicker;import fl.events.ColorPickerEvent ;import fl.video.*;alphaSlide.addEventListener(SliderEvent.CHANGE,alphaChange) ;、接着创建alphaChange()函数。

function alphaChange(e:SliderEvent ):void{vidPlayer.skinBackgroundAlpha = e.target.value;}测试影片。

6、当用户选择一个颜色时触发组件的CHANGE事件，现在来造构侦听器colorChoose.addEventListener(ColorPickerEvent.CHANGE,changeHa ndler);输入function changeHandler(e:ColorPickerEvent):void{var cp:ColorPicker=e.currentTarget as ColorPicker;vidPlayer.skinBackgroundColor=Number("0x"+cp.hexValue );}选中场景中的vidPlater组件，打开属性查看器，找到“组件参数”单击source属性右侧的铅笔图标，在打开的对话框里找到video文件夹，选择solution.f4v.单击“确定”按钮，这时视频文件的路径就会显示在source 属性的右侧。

1)利用ActionScript设置FLVPlayback组件的属性。

打开组件控制面板，从user lterface组件文件夹里选择Slider 组件。

在contents层，把slider组件的实例拖放在场景左上角的区域里。

拖出一个文本区域，在文本里输入字样，并根据需要设置字体和颜色。

接着输入代码import fl.events.SliderEvent;import fl.controls.ColorPicker;import fl.events.ColorPickerEvent ;import fl.video.*;alphaSlide.addEventListener(SliderEvent.CHANGE,alphaChange)接着创建alphaChange()函数。

function alphaChange(e:SliderEvent ):void{vidPlayer.skinBackgroundAlpha = e.target.value;}当用户选择一个颜色时触发组件的CHANGE事件，现在来造构侦听器colorChoose.addEventListener(ColorPickerEvent.CHANGE,changeHa ndler);输入function changeHandler(e:ColorPickerEvent):void{var cp:ColorPicker=e.currentTarget as ColorPicker; vidPlayer.skinBackgroundColor=Number("0x"+cp.hexValue );}2)使用ColorPicker组件设置视频外观的背景颜色。

3)使用Slide组件调整视频外观的透明度。

4)使用ActionScript提示点从视频文件里的标记出发事件。

“提示点”是一个标记，与Flash视频文件里特定时间的位置相关联。

我们将使用ActionScript生成的提示点来触发一个函数，来修改一个文本区域里的文本。

另外还会添加一个侦听器，响应文本区域被单击的操作。

1、添加一个标题文本区域，命名为title_txt；2、在action层中输入“vidPlayer.addASCuePoint(10,"BuyCD");”创建一个提示点；3、输入“vidPlayer.addEventListener(MetadataEvent.CUE_POINT, cuePointNav);”来监视vidPlayer的CUE_POINT事件；4、输入“function cuePointNav(e:MetadataEvent):void{i f ( == "BuyCD"){title_txt.text = "Click to Purchase Music by Nan Jing";title_txt.addEventListener(MouseEvent.CLICK, buyCD);}}”添加cuePointNav函数；5、使用FLVPlaybackColorPicker组件。

6、使用时序文本XML文件实现视频字幕。

7、创建ActionScript对视频文件播放结束做出响应。

8、创建ActionScript处理XML视频播放文件列表。

用ActionScript载入vidlist.xml,输入“var vidList_XML:XML;var vidTitle:String;var count:int = 0;var xmlLoader:URLLoader = new URLLoader();xmlLoader.load(new URLRequest("vidlist.xml"));xmlLoader.addEventListener(PLETE,xmlLoaded);”9、创建xmlLoaded()函数，输入“function xmlLoaded(event:Event):void{vidList_XML = new XML(xmlLoader.data);vidPlayer.addEventListener(PLETE, changeVid);}”10、使用“允许全屏”模板在浏览器里查看全屏视频。

1、“菜单”—“文件”—“发布设置”—“格式”选项卡中选中Flash和HTML;2、切换到“HTML”后，从“模板”中选择“仅Flash_允许全屏”开发中遇到的问题及解决方法描述1)经常出现代码错误而导致的程序不能正常运行，出现小的问题，小组讨论进行解决。

2)在将视频的绝对路径改为相对路径是出现程序错误，我们请教老师后决定完成整个程序后再对整体进行修改。

本次开发中的不足之处，课题的展望没有实现创新，本来试着将它改变成为可以点播的播放器，但由于代码输入后出现很多问题，没有成功。

在未来的毕业设计中，我会花更多时间努力创造自己想要的效果。