《基于Flash的流媒体课件制作与应用》由会员分享，可在线阅读，更多相关《基于Flash的流媒体课件制作与应用（5页珍藏版）》请在金锄头文库上搜索。
1、http:/- 1 -基于Flash 的流媒体课件制作与应用黄子谦华南师范大学教育信息技术学院，广州（ 510631）Email：摘 要：流媒体课件制作的关键问题是如何实现课件中视音频和电子演示文稿之间的同步关系。运用Flash 制作流媒体课件可以避免复杂的代码程序，能够较好地解决流媒体课件的实时播放以及多种教学内容之间同步交互的问题。本文介 绍 的方法主要采用图形界面进行操作，非常适合非计算机专业的 课件制作者参考学习。关键词：Flash，流媒体技术，流媒体课件1. 引言流媒体技术是近几年发展起来的新型视音频多媒体信息传播技术，非常适宜在宽带网络环境下远程传播教学信息1。 基于流媒体技术制作
2、而成的流媒体课件可实现文字、图片、音频、视频等多种媒体同步播放，其最大的特点是可以边下载边播放而无须等待，因而很受学习者的喜爱。流媒体课件应用于网络教学主要有实时流式传输(Real-time Streaming) 和顺序流式传输(Progressive Streaming)两种形式 2。实时流式传输采用流媒体服务器和专用的传输协议，保证媒体信号带宽与网络连接相配，主要运用于网络现场直播。顺序流式传输是按前后次序下载，未下载的部分无法观看，但用户可以用快进和后退方式进行搜索，待文件下载后即可观看前后的内容。顺序流式传输方式采用标准的HTTP 服务器可发送，不需要其他特殊协议，所以这种方式特别适合
3、发布事先做好的流媒体课件。流媒体课件制作技术的关键主要是如何实现视音频流媒体、内容网页及演示文稿按一定的次序同步播放3。对于流媒体课件的同步控制，目前较多的做法是借助JavaScript 脚本来实现的。此法需编写大量的脚本程序，对于不善于编写程序的课件制作者而言，难度较大4。本文给大家介绍一种简便的流媒体课件制作方法基于Flash 的流媒体课件制作方法。这种方法主要采用图形界面进行操作，几乎无需脚本编码，非常适合非计算机专业的课件制作者参考学习。2. 利用Flash 制作流媒体课件的优势目前在国际互联网上使用较多的流式视频格式主要有以下三种：RealNetworks 公司的RealMedia、
4、Apple 计算机公司的QuickTime 以及Microsoft 公司的McrosoftMedia 5。Flash的FLV 视频格式是继这三大格式之后的一种流媒体视频格式。虽然起步较晚，但Flash 的FLV 视频格式凭借其自身优势，现已成为互联网上非常流行的流媒体格式。Flash 在制作流媒体课件方面的优势主要有：（1）Flash 是一款矢量图形动画制作工具。用它制作的演示文稿不仅交互性强、动画丰富而且数据量非常小，特别适合网络教学多媒体演示。（2）Flash 具有对视音频进行编码的功能，非常方便将视频转换为FLV 流媒体视频格式。（3）Flash 内置Media Playback 组件，
5、通过Media Playback 组件对视音频文件设置提示点，几乎无须编写代码即可实现视音频与电子演示文稿同步功能。因此，利用Flash 制作流媒体课件，能够较好地解决流媒体课件的实时播放以及多种教http:/- 2 -学内容之间同步交互的问题。3. Flash 流媒体课件的制作方法与过程3.1 制作方法利用Flash 制作流媒体课件主要方法是：首先利用 Flash 自带的视频编码器将视频文件转换为Flash 的视频流媒体文件 FLV 格式，然后创建Flash 文档，通过添加Media Playback组件、指定视频路径和添加提示点等操作实现Flash 影片与视频流媒体文件的同步交互。必要时还
6、可在页面中创建相应的标题按钮并添加AS 脚本，使得当单击标题按钮时，视音频和对应的文稿同时跳转。3.2 制作过程Flash MX2004 以上版本均可实现流媒体视频的良好支持。但需要注意的是，Flash 转换视频时要求计算机预先安装QuickTime Player 软件。下面以Flash 8 为例进行说明制作过程。3.2.1 准备工作在进行流媒体课件制作前，首先要做好一系列的准备工作。其中包括Flash 程序安装、课件设计、视频素材准备等。Flash 程序安装方法非常简单，再此不作赘述。现假设我们要制作课件为现代教育媒体的功能，而且已经准备好配套的视频文件。课件设计的构思是：画面右边为视频画面
7、，左边为画面相应的文字说明，视频画面上方设置6 个按钮。要求当点击某一按钮时，视频画面及文字说明能够切换到预定内容。并且对视频播放进度条进行拖动时，视频画面与文字说明能够同步。其画面效果如图1 所示。图1 流媒体课件设计效果实例3.2.2 转换视频格式转换视频格式的目的是将其它格式的视频文件转换为Flash 支持的FLV 流媒体视频文件。对于Flash8，视频的格式转换可以采用独立编码器应用程序。操作步骤如下：（1）通过开始菜单启动 Flash 8 Video Encoder 应用程序，点击 “添加”按钮，在弹出的对话框中打开要转换的视频文件，此时视频文件进入等待状态。如图2 所示。http:
8、/- 3 -图2 Flash 8 Video Encoder 应用程序界面（2）单击设置 。 在Flash 视频编码设置对话框中，从Flash 视频编码配置文件菜单中选择Flash 8 - 中等品质 (400kbps) ，如图3 所示。设置完后单击 确定以关闭设置对话框。图3 Flash 视频编码设置对话框（3）单击启动队列 ，等待完成视频转换。 Flash 8 Video Encoder 会转换文件并将其保存在与原始视频文件相同的文件夹中。现在可以在Flash 文档中使用FLV 文件了。3.2.3 创建Flash 文档与插入MediaPlayback 组件在Flash 中有两种方式实现视频文
9、件与 Flash 影片的同步功能，一种是 “指定帧提示点关联”，另一种是“ 幻灯片提示点关联” 。如果要建立指定帧提示点关联，可创建 Flash 文档。如果要建立幻灯片提示点关联，可创建Flash 幻灯片演示文稿。下面先介绍幻灯片提示点关联方式的制作方法。首先创建Flash 幻灯片演示文稿和插入Media Playback 组件。具体步骤如下：（1）启动Flash8 应用程序，点击菜单的 “文件/新建（N）.”命令，选择“Flash 幻灯片演示文稿”。将文件保存至FLV 视频文件的同一文件夹。（2）连续点击菜单“插入/屏幕”命令，插入6 个幻灯片屏幕。双击幻灯片所对应的实例http:/- 4
10、-名，全部重命名为英文名（这一步至关重要，因为组件检查器只能识别英文名称）。本例子中，幻灯片实例名分别为head、a1、a2、a3 、a4、a5、a6（如图4 所示）。图4 插入幻灯片屏幕（3）在head 幻灯片中插入MediaPlayback 组件。用Ctrl+F7 组合键打开组件面板，将MediaPlayback 组件拖到幻灯片head 的舞台中，在属性面板中将组件实例名命名“mp”。 在幻灯片head 的播放器上方位置插入6 个按钮，然后切换到幻灯片 a1a6 的舞台画面，输入6 个按钮所对应的文字介绍。细心编辑幻灯片界面使其达到预先设计的效果。如图5 所示。图5 插入播放器及添加按钮3
11、.2.4 指定视频路径及设定提示点接下来的工作是为播放器指定视频路径及设定视频的提示点。提示点的作用是使视频内容与幻灯片a1a6 进行同步。具体步骤如下：http:/- 5 -（1）在幻灯片head 的舞台画面中选中MediaPlayback 组件，用Alt+F7 组合键打开组件检查器面板，在“参数” 选项卡的URL 栏填入视频文件路径及文件名。本例中，视频文件a.flv位于演示文稿的同一文件夹，故只需填入文件名a.flv。Video Length 栏填入视频的总时间。（2）重复点击“参数” 选项卡的“+” 按钮，添加6 个线索点。将提示点名称分别命名a1a6（与幻灯片名称相同），在a1a6
12、的右边填上与视频内容对应的时间。如图6 所示。图6 指定视频路径及设定提示点（3）在幻灯片head 的舞台画面选中MediaPlayback 组件，用Shift+F3 组合键打开行为面板，点“+”（添加行为）按钮，从菜单中选择“ 媒体/幻灯片提示点导航”命令。在弹出的对话框中选中“head”（如图7 所示），点击确定。图7 幻灯片提示点导航对话框此时，幻灯片a1a6 与视频内容已经建立了同步的关系。当视频播放到预定时间，演示文稿会自动切换到相应的幻灯片。现在测试影片可以看到视频与幻灯片的同步效果。http:/- 6 -3.2.5 添加按钮及设置脚本为了使按钮与视频内容建立交互关系，必须为按钮添
13、加相应的脚本。具体步骤如下：（1）在幻灯片head 中舞台画面中，选定其中一个按钮，点击 “动作”按钮，在动作面板中输入以下代码：on (press) _root.head.mp.play(95);其中head 为幻灯片head 的实例名，mp 为播放器的实例名， play 后面括号内的数字为按钮对应的视频时间（以秒为单位）。（2）重复以上操作，为其它按钮添加相同的代码，然后将play 后面括号内的数字改为按钮对应的视频时间。（3）保存文档后输出影片文件进行测试，检查各个按钮的交互效果。3.2.6 幻灯片提示点关联方式与指定帧提示点关联方式的不同点以上介绍了利用幻灯片提示点关联方式实现Flas
14、h 影片与视频文件同步的过程。对于指定帧提示点关联方式，操作步骤基本相同。下面将它们的不同点介绍如下：（1）在指定帧提示点关联方式的操作中，首先要创建Flash 文档而不是幻灯片演示文稿。（2）MediaPlayback 组件放置于场景下的关键帧之中，同时在同一帧内插入一个影片元件。此影片元件的作用相当于上述例子的幻灯片head，故其在舞台中的实例名同样也命名为“head”。MediaPlayback 组件作用不变，故也命名为 “mp”。（3）实例名为head 影片元件内创建帧标签为a1a6 的6 个关键帧。这6 个帧相当于上述例子的幻灯片a1a6，与视频同步显示的文字内容分别置于6 个关键帧
15、的舞台画面中。（4）在选中MediaPlayback 组件，点“+”（添加行为）按钮之后，从菜单中选择 “媒体/指定帧提示点导航”命令。不要选择“媒体/ 幻灯片提示点导航”命令。（5）在选定其中一个按钮，点击“动作”按钮，在动作面板中输入“on (press) _root.mp.play(95);”代码。因为MediaPlayback 组件直接放置于场景下的关键帧之中（上述例子放置于幻灯片head 之中），故按钮的代码去掉了 “head”。4. 流媒体课件的应用流媒体课件早期比较多的是在网络学院等远程教学之中应用。其通常的做法是将老师讲课的过程进行录像后转为流媒体视频，然后将流媒体视频与老师讲
16、课的电子演示文稿组合成为网页形式的流媒体课件。但随着流媒体课件应用的不断深入，现在流媒体课件应用领域不断扩大，应用方式也出现多样化。下面介绍几种较新的应用方式。（1）外语听力训练或考试将某些的国外生活片断作为流媒体课件的视频，将听力练习题或考题作为演示文稿的文字内容。这样就成了外语听力训练或考试的流媒体课件。由于Flash 形式的流媒体课件既可放于服务器上，也可在单机的电脑上使用，因而非常方便。（2）实验观摩将实验操作的真实情况录像后转为流媒体视频，将实验操作的说明作为演示文稿。这样的流媒体课件使学习者较为容易找到真实操作与文字说明之间的联系，非常适合学习对实验过程的观摩。http:/www.paper.e
