《中国教育信息化》发行部:c),1@moe.edu.cn 技术应用 FLV视频与Flash演示文稿同步的应用研究 张培山,罗晋华 (华中科技大学现代教育技术中心,湖北武汉430074) 摘要:视频资源是当前教育资源中的一种非常重要的资源。本文以FlashProfessional 8为开发环境,提出 了开发视频资源的一种全新的思路——FLv视频与Flash演示文稿的动作同步。这种方法可以同时为学习者 提供丰富的视觉和听觉信息,有利于学习者对信息的接受和编码,提高学习者的学习效率。 关键词:FLv;Flsah演示文稿;提示点;同步 中图分类号:G40—057 文献标识码:B 文章编号:1 673—8454(2008)22—0057-03 在教育资源的建设与开发过程 记忆效率的研究结果表明.单靠视觉 Professional 8为创作工具.利用 中.对于视频资源的使用.多数开发 获得的知识.平均3小时后约能记住 Flash Professional 8所提供的视频编 者仅仅是对原始的视频资料进行简 70%,3天后约能记住40%:仅靠听觉 辑功能.实现FLV视频与Flash演示 单的编辑.然后将视频嵌入到课件或 获取的知识的记忆效率较低:而视听 文稿的动作同步.为学习者同时提供 网页中以供学习者观看、学习。但是, 觉同时并用获取的知识.平均3小时 视听觉的信息.以提高学习者的学习 仅通过视频进行学习的效果并不十 后约能记住90%.3天后约能记住 效率 分理想,特别是讲座式的视频 心理 75%。所以.如果在播放视频的同时。 学科学实验的研究结果表明:各种感 辅以文字、图形、动画等表现形式对 一、FLV简介 官对人体获取信息、建构知识所做贡 视频中的重要内容加以说明的话.学 FLV是Macromedia公司在 献的相对比率是不同的 其中.视觉 习者的学习效果会明显好于前者 Sorenson公司的压缩算法的基础上 约占83%.听觉约占11% 心理学对 为此.我们以Macromedia Flash 开发出来的流式视频格式.是Flash 主题成果展示: 的整个教学过程。在本案例中,整个 数字化教学资源成就了以学生 学生提供用Word编辑记录的 教学过程围绕主题“Exce1中的图表 为中心的学习方式 学生按照教师 两种图表制作方法.并找出它们的 制作”进行探究.与主题相关的资源 提出的主题.运用各种信息技术手 异同点:下载并试用其他数据统计 将通过各种途径.以多样化的形式 段,获取所需的资料,这些资料大 软件(如SPSS),并比较它们和Excel 呈现在学生面前.通过学习小组的 部分以数字化形式呈现.在教师的 制图的差别:学生用Word写一篇关 协作活动,对其进行收集、加工和整 指引和帮助下.学生对已有信息进 于Excel图表制作过程的报告 理,以达到为教学目标所用。 行有意义的加工、处理,内化为自 数字化教学资源在整个教学过 己的知识 在这种探究学习过程 , 五、结束语 程中起着非常重要的作用.它为基 中.海量的数字化资源丰富、拓展 基于资源的主题教学是以主题 于资源的主题教学系统提供了资 了学生的思维,同时,学生借助数 开发为前提.以活动探究为核心。以 源、工具、情境、方法和策略等方面 字化形式的学习工具.分析、总结学 信息技术为支持.从角度评价 的支持 习进程从而得出科学的结论 参考文献: 【llq"革建,魏雄鹰,王基一.新课程教师培训对课程资源建设的启示Ⅱ].中国电化教育,2007,(1):67-69 f2】陈向东.信息技术课程任务驱动教学中模板设计Ⅲ.中国电化教育,2004,(3):34-36. 【3】钟志贤.信息化教学模式【M1.北京:北京师范大学出版社,2006. 【4】王素荣.教育信息化理论与方法【M】.北京:社会科学文献出版社,2006. 【5】白梅.关于数字化教育中资源建设的思考Ⅱ】.电化教育研究,2001,(12):41-43. 【6】李赫.信息化环境下的教学设计操作模式IJ].电化教育研究,2003,(11):58-60. china Educalion Info 57 技术应用 《中国教育信息化》编辑部:mis@moe.edu.cn Video的缩写 它的出现有效地解决 外存储和跟踪ActionScript提示点。 因此.这些提示点在精确性上要低 于嵌入式提示点.ActionScript提示 1.FLv文件的制作 Flash Professional 8提供了一些 新的视频编辑功能来增强其视频编 了’视频文件导人Flash后.使导出的 Wf文件体积庞大、不能在网络上很 好的使用等缺点 可以通过Flash中 点精确度为十分之一秒。 辑能力.其中比较重要的就是它提供 了一个的视频编码器应用程序. 提供的媒体组件来播放外部的FLV FLVPlayback组件会在播放头更新时 文件 二、实现同步的基本原理 要理解实现FLV文件和Flash 演示文稿同步的基本原理.首先需要 了解的就是提示点的概念 提示点是 一个时间点.在播放FLV文件时。视 频播放器在播放到该点时触发一个 cuePoint事件 我们可以在想要与课 件或网页上的其它元素交互时.向 FLV文件添加提示点 例如:如果想 要显示文本或图形.或者想要与 Flash动画同步.或者想要影响FLV 文件的播放等等 提示点可以接收 ActionScriF)t代码中的控制并将FLV 文件中的这些点与课件或网页上的 其它动作同步 在F1ash Professional 8中提供了 l一种不同类型的提示点:导航提示 点、事件提示点和ActionScript提示 点 导航提示点和事件提示点也称作 嵌入式提示点.因为它们嵌入在FLV 文件流和FLV文件的元数据包中 导航提示点:导航提示点可以搜 索到FLV文件中的特定帧.因为 F1ash会在尽可能接近我们指定的时 间点上.在FLV文件内创建关键帧 事件提示点:事件提示点能够将 FLV文件内的时间点与课件或网页 上的外部事件同步 cuePoint事件在 指定的时间发生 我们可以使用视频 导入向导或Flash视频编码器.在 FLV文件中嵌入导航提示点和事件 提示点。 ActionScript提示点:它是一种 外部提示点.可以通过组件的“Flash 视频提示点”对话框或通过 FLVPlayback.addASCuePoint 0方法添 加 FLVP1ayback组件在FLV文件之 58中国教育信息化/2008 22(基础教育) 为ActionScript提示点生成cuePoint 即Flash 8 Video Encoder 它允许我 事件。 们将提示点直接嵌入到FLV文件 此外.在ActionScript中和FLV 中 嵌入的提示点能够使视频回放触 文件的元数据内.提示点表示为具有 发演示文稿中的其它动作.从而可以 以下属性的对象:name、time、type。 将视频与动画、文本、图形和其它交 name属性是一个字符串.表示提示 互内容同步 将提示点与新的F1ash 点的名称:time属性是一个数字.表 视频组件FLVPlayback一起使用时. 示提示点的发生时间:type属性是一 还可以在到达单个提示点时.协调视 个字符串.表示提示点的类型.此字 频剪辑的回放和伴随的交互内容 符串可以是“navigation”、“event”或 F1ash 8 Video Encoder支持的文件格 “actio ̄script” 在发生cuePoint事件 式主要有MPG、AVI、MOV、ASF、 时.通过info属性在事件对象中提供 WMV等格式 我们主要通过这个独 提示点对象 立的Flash 8 Video Encoder来制作带 在本文中.我们主要使用事件提 有嵌入式提示点的FLV文件 示点来实现FLV视频和Flash演示 (1)运行Flash 8 Video Encoder 文稿的同步播放 主程序.在主菜单“文件”中选择“增 加”.或者在程序的右侧单击“增加” 三、关键技术的实现 按钮.将要编辑的视频文件导人到主 本研究示例主要包括两个文 程序中。 件:FLV文件和Flash演示文稿。在 (2)选中刚刚导入的视频文件. FLV文件中嵌人事件提示点.以在视 单击“设置”按钮.打开“Flash视频编 频播放器播放到提示点时.触发 码设置”对话框.读者可以根据自己 cuePoint事件.在Flash演示文稿中 的需要选择相应的视频编码配置文 显示与视频相关 的文本、图表信息 等 在Flash演示 文稿中用一个 FLVPlayback组件 装载外部的FLV 文件.并对其注册 一个侦听器.以侦 听 FLVPlayback 组件的cuePoint 事件 在侦听器函 数内. 通过 ActionScript来控 制F1ash演示文稿 实现和FLV视频 的同步。 图1“Flash视频编码设置”对话框 《中国教育信息化》发行部:cyl@moe.edu.cn 技术应用 件,这里采用默认的设置。在“输入文 件名”文本框中输入处理以后的FLV 文件的名称 下新建几个嵌套的演示文 稿,分别命名为Slide0、 Slidel等 在根演示文稿的 右上角添加一个 (3)打开高级设置对话框(如图 1所示),可以看到“编码”、“提示点” 和“裁切和修剪”三个选项卡 对于 FLVPlayback组件.大小设 置为320x240.用来显示视 “编码”和“裁切和修剪”两个选项卡 中的内容.我们保持其默认的设置 单击“提示点”选项卡.打开“提示点” 编辑面板 (4)如图1所示。通过单击左侧 的“+”按钮.来为FLV文件添加嵌人 频(Flash演示文稿文件界 面如图2) 然后在不同的 演示文稿中加入想要显示 的与FLV文件提示点相对 图2演示文稿文件的界面 应的内容 (1)设置FLVP1ayback 式的提示点 在“名称”栏输入提示点 的名称:“时间”栏中的时间.可以使 用光标将播放头移动到视频中想要 组件的参数(如图3所示) 下面对FLVPlayback 图3 FLvPlayback组件的参数面板 组件的一些重要参数进行说明: autoPlay:确定FLV文件的播放 关键代码如下: function Listener(evtObj:Object): Void{switch(evtObj.info.name) //判断触发cuePoint事件的提 示点 f case”pointl”: 嵌入提示点的那一点来定位 使用视 频预览窗口.可以直观地找出视频中 要插入提示点的点。还可以使用运行 时间计数器f位于视频预览窗口的下 面)来定位提示点嵌入的特定时间 点。在“类型”一栏中选择提示点类 型。这里我们选择“事件”。 (5)回到主界面,单击“开始队 列”按钮.开始编辑原始视频文件.生 成FLV文件 同时.Flash 8 Video Encoder还 方式的布尔值: autoRewind:用于确定F£V文 件在它完成播放时是否自动后退: autoSize:确定是否在运行时自 动调整组件的大小: URL.在此处输入FLV文件的相对URL: cuePoints:描述FLV文件的提 gotoSlide fslide 1); //转到相 break; contentPath:指定FLV文件的 关的演示文稿页面 Case…… //其它分 示点的字符串: maintainAspectRatio : 调整 支同上.只是换成不同的提示点名称 } 1 playerflv.addEventListener(”cue _允许我们同时将多个视频文件进行 批处理:在内容大部分为视频的环 境中.批处理会加快工作流程速度 在Flash 8 Video Encoder对视频文 FLVPlayback组件中视频播放器的大 小.以保持源FLV文件的高宽比: skin:设置视频播放器的外观; Point",Listener);//为FLVPlayback组 件注册侦听器 读者可以结合自己的实际需要. 在Flsh演示文稿中加入其它的内容.a 来增强自己的Flash演示文稿的表现 skinAut0Hide:是否自动隐藏视 频播放器的外观 件进行编码时.还可以向批处理队 列中添加文件、重新排序批处理队 (2)为FLVP1ayback组件注册侦 听器 列中的文件和更改这些文件的编码 设置 完成上面的FLVP1ayback组件 参数的设定后.就需要对 FLVPlayback组件定义一个侦听器函 数.并为其注册这个侦听器。其中的 力,以达到较好的同步效果。使用提示 点.不但可以和Flash演示文稿同步, 还可以和Flash中的其它元素实现同 步。制作出更优质的视频教育资源。 2.Flash演示文稿文件 新建一个Flash演示文稿文件. 大小设置为800 ̄600.在根演示文稿 参考文献: 【1]丁兴富.远程教育学fM】.北京:北京师范大学出版社,2001. 【2】罗晋华,周文斌.FLV视频在网络课件制作中的应用 .中国远程教育,2004(9):72—73. 『3】颜金桫,KCLY小土豆工作室.FlashMX 2004AcfionScfipt2.0与RIA应用程序开发[M】.北京:电子工业出版社,2005 china Edu例ion Info 59