维普资讯 http://www.cqvip.com 软件开发 《中国教育信息化》鳊辑部：ｍｉｓ＠ｍｏｅ．ｅｄｕ．ｃｎ 基于ＦＬＡＳＨ＋ＸＭＬ＋ＦＭＳ的 视频点播系统的设计与实现 扬州大学新闻与传媒学院 赵志靖 周 静 摘要：视频点播是现代远程教育的一个重要组成部分。目前的视频点播系统都ｌ 是基于Ｒｅａｌ Ｈｅｌｉｘ Ｓｅｒｖｅｒ和Ｗｉｎｄｏｗｓ Ｍｅｄｉａ Ｓｅｒｖｅｒ的。本文以ＦＭＳ为后台流媒体数据１ 支持，采用Ｆｌａｓｈ ＡｃｆｉｏｎＳｃｆｉｐｔ语言为前台开发语种，结合ＸＭＬ技术，设计开发了一个ｌ 视频点播系统，并以《网络应用基础》网络课程为例，给出该系统的具体实现方法。 关键词：视频点播ＦＭＳ ＸＭＬ ＦＬＶ组件 ｌ ｌ 中图分类号：ＴＰ３１ｌ 文献标识码：Ａ 文章编号：１６７３—８４５４（２００７）０８—００４８—０３ ｌ 一、引言 ＦＭＳ组合了传统流媒体功能和灵活的开发环境，用于创 建和实现创新的互动式媒体应用。它借助无所不在的 Ｆｌａｓｈ Ｐｌａｙｅｒ实现了跨平台、适应各种浏览器和连接速率 的功能。 在现代远程教育的异步教学过程中，视频课件的点 播占有很大的比例，采用流媒体技术实现视频课件的点 播具有相当明显的优势。 目前提供流媒体服务的有Ｒｅａｌ公司的Ｒｅａｌ Ｓｅｒｖｅｒ、 Ｍｉｃｒｏｓｏｆｌ公司的Ｍｉｃｒｏｓｏｆｔ Ｍｅｄｉａ Ｓｅｒｖｅｒ、Ａｐｐｌｅ公司的 ＦＭＳ由两部分构成：服务器和Ｆｌａｓｈ播放器，即服务 器端和客户端。服务器端的应用程序在ＦＭＳ上有自己独 立的目录，存放服务端脚本文件和其他资源，客户端与服 ＱｕｉｃｋＴｉｍｅ Ｓｔｒｅａｍｉｎｇ Ｓｅｒｖｅｒ以及Ｍａｃｒｏｍｅｄｉａ公司的 Ｆｌａｓｈ Ｍｅｄｉａ Ｓｅｒｖｅｒ（简称ＦＭＳ）。前三个公司的服务器都采 用了先进的技术，使得音视频媒体在保持较好质量的同 时能够流畅播放，极大地丰富了网络资源，但媒体缺乏交 互性。Ｆｌａｓｈ的出现，尤其是Ｆｌａｓｈ Ｍｅｄｉａ Ｓｅｒｖｅｒ的推出，为 务器通过ＲＴＭＰ（Ｒｅａｌ—Ｔｉｍｅ Ｍｅｓｓａｇｅ Ｐｒｏｔｏｃｏ１）协议相互通 信。Ｆｌａｓｈ客户端通过ＲＴＭＰ协议与ＦＭＳ建立连接，这样 就在Ｆｌａｓｈ的客户端与服务器端形成稳定的数据流。当 然，通常ｓｗｆ是嵌入在浏览器中的，所以也存在Ｗｅｂ服务 器通过Ｈ１丫ｒＰ协议响应客户请求并将Ｆｌａｓｈ影片发送到 客户端的过程。图ｌ显示的是完整的工作过程。［１１ 解决媒体交互性问题提供了很好的技术支持。 Ｍａｃｒｏｍｅｄｉａ公司的Ｆｌａｓｈ技术最初被用于矢量图形编辑 和动画制作，但随着ＡｃｔｉｏｎＳｅｒｉｐｔ的应用和Ｆｌａｓｈ Ｍｅｄｉａ Ｓｅｒｖｅｒ的推出，它在开发包含图像、声音、视频和交互性 的富媒体应用程序中发挥着越来越大的作用，在数据同 步处理上的技术为实现互联网的同步通信传输提供了具 有商业价值的方式。ＦＭＳ的出现使得Ｆｌａｓｈ成为真正的 客户端软件，从而可以建立客户／服务器（Ｃ／Ｓ）架构的网 络应用程序。本文利用ＦＭＳ并结合ＸＭＬ技术设计开发 ｒ一个视频点播系统，所用的流媒体文件为Ｆｌａｓｈ文件， 视频格式是ＦＬＶ格式。 ２．ＸＭＬ 图１ ＦＭＳ的工作流程 ＸＭＬ是ｅＸｔｅｎｓｉｂｌｅ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ的简称，它是 Ｗ３Ｃ组织采取简化ＳＧＭＬ的策略而制定的一种可扩充 的标记语言，可以根据数据提供者的需要自行定义标记、 属性名及描述法。 ３．ＦＬＶ 二、相关技术 １．ＦＪ Ｓ ＦＬＶ是Ｍａｃｒｏｍｅｄｉａ公司在Ｓｏｒｅｎｓｏｎ公司的压缩算 法的基础上开发出来的流式视频格式，是Ｆｌａｓｈ Ｖｉｄｅｏ的 Ｆｌａｓｈ Ｍｅｄｉａ Ｓｅｒｖｅｒ（ＦＭＳ）是Ｍａｃｒｏｍｅｄｉａ公司推出的 开发流媒体的服务器软件，１．０版命名为Ｆｌａｓｈ Ｃｏｍｍｕｎｉｃａｔｉｏｎ Ｓｅｒｖｅｒ，２．０版更名为Ｆｌａｓｈ Ｍｅｄｉａ Ｓｅｒｖｅｒ。 缩写，使用ＦＬＶ能保证良好的流媒体质量。ＦＬＶ格式引 入Ｆｌａｓｈ所带来的最大的意义是使大体积的视频文件可 ４８中国教育信息化／２００７ ０８（高教职教） 维普资讯 http://www.cqvip.com 《中国教育信息化》发行部：ｅｙｌ＠ｍｏｅ．ｅｄｕ．ｅｌｌ 以以流（通过ＦＭＳ实现）的方式播放。闭 三、视频点播系统的设计与实现 １．视频点播系统的设计 基于ＦＬＡＳＨ＋ＸＭＬ＋ＦＭＳ的视频点播系统主要采用 ＭｅｄｉａＰｌａｙｂａｃｋ组件、ＣｏｍｂｏＢｏｘ组件和外部ＸＭＬ文件来 制作。该系统主要由三部分组成：一是数据即外部ＸＭＬ 文件；二是点播系统，主要由Ｆｌａｓｈ中的ＭｅｄｉａＰｌａｙｂａｃｋ组 件和ＣｏｍｂｏＢｏｘ组件组成；三是视频素材库。ＸＭＬ是外部 数据源文件，存储要播放的教学视频数据；ＣｏｍｂｏＢｏｘ组 件的功能是基于ＸＭＬ文件创建教学视频列表，利用 ＭｅｄｉａＰｌａｙｂａｃｋ组件创建视频播放器界面，通过ＸＭＬ进 行数据传输，连接位于ＦＭＳ上的ＦＬＶ文件以实现视频点 播和回放；视频素材库就是将教学视频素材按章节分类， 制作成许多短小的ＦＬＶ文件。并存放在ＦＭＳ服务器相应 的文件夹中，当需要用到的时候被播放器通过ＲＴＭＰ协 议连接ＦＭＳ调用。该系统的体系结构如图２所示。 ｝ Ｃｌｉｅ ｎｌ部分 ％，ｒｖｅｒ部分 解析 ｒ Ｌ．ｌ １竺：Ｐ竺Ｉａ ｌ！：：Ｉ＿１ ｝ｌＩ 处理 １ ＨＴｒＰＩ 发送ｓｗＦ文件 悃 图２视频点播系统结构图 客户端主要由ＨＴＭＬ页面和嵌入的ＳＷＦ文件实现， 其主要作用是浏览网页和收看媒体节目。服务器端包括 两个服务器：ｗｅｂ Ｓｅｒｖｅｒ和ＦＭＳ，ｗｅｂ Ｓｅｒｖｅｒ负责将 Ｆｌａｓｈ影片发送到客户端，响应客户请求并提供Ｗｅｂ服 务；ＦＭＳ负责存储媒体和传输媒体流，当一个客户浏览器 请求播放存储节目时，它就启动一个线程为客户服务，根 据客户端传递的参数寻找媒体，并用ＲＴＭＰ协议传输流 媒体。 ２．系统实现 下面结合本人开发的《网络应用基础》网络课程来介 绍一下该系统的具体实现方法（用Ｆｌａｓｈ ８制作）。 首先，教学视频的制作。 教学视频应包括教师授课所用的课件、教师音视频、 各种教学事件等。其制作过程可参考如下： （１）将教师的讲课现场用摄像机录制下来，导人计算 机中，将其采集成ＡＶＩ或ＭＰＧ格式的视频文件。 （２）将采集到的视频转换为ＦＬＶ格式，利用Ｆｌａｓｈ ８ Ｖｉｄｅｏ Ｅｎｃｏｄｅｒ（Ｆｌａｓｈ ８安装包中含此软件）制作ＦＬＶ视频 文件。打开Ｆｌａｓｈ ８ Ｖｉｄｅｏ Ｅｎｃｏｄｅｒ，单击“添加”，选中要进 行格式转化的文件，使其添加到对话框中；然后进行“设 置”，可以直接修剪视频的长度，确定Ｆｌａｓｈ视频编码的质 量，输入文件名；选择“高级设置”，可以对视频、音频编码 进行设置，调整视频大小、数据速率，插入视频提示点，对 软件开发 视频进行精确的修剪和裁切等；设置完成后就可以“开始 队列”，Ｆｌａｓｈ ８ Ｖｉｄｅｏ Ｅｎｃｏｄｅｒ对数字视频进行编码，输出 ＦＬＶ视频文件。 第二，外部ＸＭＬ数据文件的创建。 按照下面的格式创建一个ＸＭＬ文件，命名为“ｖｉｄｅｏ． ｘｍｌ”，可利用Ｄｒｅａｍｗｅａｖｅｒ ８进行编辑。如果没有ＸＭＬ 编辑器，也可以用记事本来编写，编写完成后将文件另 存，另存时文件扩展名改为．ｘｍｌ，“编码”项选择ＵＴＦ一８。 ＜？ｘｍｌ ｖｅｒｓｉｏｎ＝”１．０”ｅｎｃｏｄｉｎｇ＝”ＵＴＦ－８”？＞ ＜ｍｅｎｕ＞ ＜ｉｔｅｍ＞ Ｓ Ⅲ ｈ ＜ｔｉｔｌｅ＞总线型网络＜／｝＝ ｔｉｔｌｅ＞ ＜ｕｒｌ＞ｚｏｎｇ．ｌｆｖ＜／ｕｒｌ＞ ＜／ｉｔｅｍ＞ ＜ｉｔｅｍ＞ ＜ｔｉｔｌｅ＞星型网络＜／ｔｉｔｌｅ＞ ＜ｕｒｌ＞ｓｔａｒ．ｌｆｖ＜／ｕｒｌ＞ ＜／ｉｔｅｍ＞ ＜／ｍｅｎｕ＞ ｔｉｔｌｅ属性对应ＣｏｍｂｏＢｏｘ组件ｌａｂｅｌ的值，ｕｒｌ是要调 用的视频文件的路径，对应ＣｏｍｂｏＢｏｘ组件ｄａｔａ的值。 第三，设置ＦＭＳ以便流式加载ＦＬＶ文件。 （１）在ＦＭＳ应用程序文件夹中创建一个文件夹，命名 为ｍｙ＿ａｐｐｌｉｃａｔｉｏｎ。 （２）将ｍａｉｎ．ａｓｃ文件（可以在Ｆｌａｓｈ ８＼Ｓａｍｐｌｅｓ ａｎｄ Ｔｕｔｏ— ｒｉａｌｓ＼Ｓａｍｐｌｅｓ＼Ｃ０ｍｐ０ｎｅｎｔｓ＼ＦＬＶＰｌａｙｂａｃｋ＼ｍａｉｎ．ａｓｃ Ｆｌａｓｈ ８应 用程序文件夹下找到该ｍａｉｎ．ａｓｃ文件）复制到ｍｙ＿ ａｐｐｌｉｃａｔｉｏｎ文件夹中。 （３）在ｍｙ＿ａｐｐｌｉｃａｔｉｏｎ文件夹中创建名为ｓｔｒｅａｍｓ的 文件夹。 （４）在ｓｔｒｅａｍｓ文件夹中创建名为一ｄｅｆｉｎｓｔ一的文件夹。 （５）将制作的教学视频ＦＬＶ文件放置于一ｄｅｆｉｎｓｔ一文 件夹中。要访问位于Ｆｌａｓｈ Ｍｅｄｉａ Ｓｅｒｖｅｒ上的ＦＬＶ文件， 使用如ｒｔｍｐ：／／ｍｙ＿ｓｅｒｖｅｒｎａｍｅ／ｍｙ＿ａｐｐｌｉｅａｔｉｏｎ／ｓｔａｒ．ｆｌｙ之类 的ＵＲＬ即可。 第四，加载并解析外部ＸＭＬ文件。 在Ｆｌａｓｈ中加载并解析外部ＸＭＬ文件，将ＸＭＬ中的 数据动态加载到ＣｏｍｂｏＢｏｘ组件中。在Ｆｌａｓｈ舞台上创建 ＣｏｍｂｏＢｏｘ组件的一个实例，命名为ｆｌｖｌｉｓｔ，放在一个单独 的层上，该层命名为“ｃｏｍｐｏｎｅｎｔｓ”；在时间轴上添加一新 层，命名为“ａｓ”，打开“动作”面板，编写Ａｃｔｉｏｎ Ｓｃｒｉｐｔ脚本 语言，将ＸＭＬ文件加载到ＣｏｍｂｏＢｏｘ组件并显示。 最后，实现教学视频的点播。 （下转第５２页） Ｃｈｉｎａ Ｅｄｕｃａｔｉｏｎ Ｉｎｆｏ ４９ 维普资讯 http://www.cqvip.com 资源建设 《中国教育信息化》鳊辑部：ｍｉｓ＠ｍｏｅ．ｅｄｕ．ｃｎ 选，整理成逐条文本形式。对所有文本采用最大正向匹配 切词算法，进行切词，提取特征向量，并对特征向量进行 权重计算表示成向量空间模型，用ＢＰ神经网络优化分 类器模型对文本进行分类，利用此文本分类技术对学生 问题库进行类别划分，限定任务搜索范围，加快检索速 度，方便用户查找。 ３．关联规则 务要求进行相应数据寻址，进行数据处理并返回请求信 息，这样用户完全可以毫无障碍地查看信息，而不必要理 会信息的物理结构。 三、结束语 高校电子资源的整合是信息时代高校教育中占主 导地位的学科学习方式，也必将成为新世纪学校教育教 学的主要方法。它不仅给予学生及时有效的课程帮助辅 导，而且加强了老师对学生的管理，促进了师生之间的 关联规则是当前数据挖掘研究的主要模式之一，侧 重于确定数据中不同领域之间的联系，找出满足给定支 交流，势在必行。在当前我国积极推进教育现代化、信息 化的大背景下，倡导和探索信息技术和学科整合的教 学，对发展学生的“信息素养”，培养学生的创新精神和 实践能力，有着十分重要的现实意义。同时，也为解决目 前高校生师比过大、教师资源缺乏等问题提供了良好的 解决思路和手段。⑧ 参考文献： ［１】刘晶炜，闰健卓，朱青．ＩＢＭ信息集成技术原理及应用 ［Ｍ】．北京：电子工业出版，２００４．５ 『２１张付志，巢进波 信息集成技术在数字图书馆中的应用 持度和可信度阈值的多个域之间的依赖关系。『５１挖掘关 联规则是指在数据仓库中挖掘出具有这种形式的规则： 由于某些事情的发生而引起另外一些事情的发生。 将关联规则算法用到本系统中，通过分析学生成绩 数据库，系统得到某门特定课程的先修课程，学生可以通 过察看自己是否学习过某门特定课程的先修课程，来确 定自己是否适合选择该门课程，或者确定要想学好某门 课程必须补充哪些课程知识，从而使系统实现辅助学生 学习的功能。 ４．信息集成技术 研究Ｕ］．计算机工程，２００５，３１（７）：９０—９２ 【３］陈京民．数据仓库原理、设计与应用［Ｍ】、北京：中国水利 水电出版社．２００４、３ 信息集成的首要指导原则是：在用户看来，他们需要 的所有数据，应该好像驻留在一个单一的数据源里。信息 可能在不同的地方、以不同的语义、格式存储，访问方法 【４］哈尔滨信息工业大学信息检索研究室［ＤＢ／ＯＬ］、ｈｔｔｐ：／／ ｉｒ．ｈｉｔ．ｅｄｕ、ｃｎ／ｐｈｐｗｅｂｓｉｔｅ／ｉｎｄｅｘ．ｐｈｐ？ｍｏｄｕｌｅ ｐａｇｅｍａｓｔｅｒ＆ＰＡＧＥ各异，因此对信息的检索也变得极为复杂。信息集成技术 实质上将信息需求者屏蔽于所有这些复杂性之外。用户 通过页面应用程序向系统提出服务请求，中介层根据服 ＋－＋－＋－＋－＋－＋一＋－＋－＋一＋－＋－＋－＋一＋－＋一＋－＋一＋－＋－＋－＋一＋－＋－＋－十ｕｓｅｒｏｐ＝ｖｉｅｗｐａｇｅ＆ＰＡＧＥｉｄ＝１４９，２００６． ＿【５］邵峰晶，于忠清、数据挖掘原理与算法［Ｍ卜｝匕京：中国水 利水电出版社．２００３ －十－＋－＋一十－十－十－十－十一十－十一—’ －十－十－十－十－十－十－—’ －—’ －—’ 一十－十 （上接第４９页） 在Ｆｌａｓｈ舞台Ｅ创建ＭｅｄｉａＰｌａｙｂａｃｋ组件的一个实 例，命名为ｆｌｖｐｌａｙ，置于“ｃｏｍｐｏｎｅｎｔｓ”层中。在“ａｓ”层继续 添加脚本命令如下： ｉｍｐｏｒｔ ｍｘ．ｖｉｄｅｏ． ： 的ＦＬＶ文件的地址传递给ＭｅｄｉａＰｌａｙｂａｃｋ的播放路径，这 样就可以调用ＦＭＳ上的视频文件，实现视频点播功能了。 四、结束语 在线视频点播技术在现代远程教育领域中具有广阔 的应用前景。本点播系统功能强大且维护方便。在维护 时，ＸＭＬ文件和教学视频都在外部，可以方便地对ＸＭＬ ｖａｒ ｃｂＬｉｓｔｅｎｅｒ：Ｏｂｊｅｃｔ＝ｎｅｗ ＯｂｊｅｃｔＯ； ｃｂＬｉｓｔｅｎｅｒ．ｃｈａｎｇｅ＝ｆｕｎｃｔｉｏｎ（ｅｖｔ—ｏｂｊ：Ｏｂｊｅｃｔ）：Ｖｏｉｄ｛ ｖａｒ ｃｕｒｒｅｎｔｌｙＳｅｌｅｃｔｅｄ．￣）ｂｊｅｃｔ＝ｅｖｔ＿ｏｂｊｌａｒｇｅｔｓｅｌｅｃｔｅｄｌｔｅｍ； ｌｆｖｐｌａｙ．ａｕｔｏＳｉｚｅ＝ｔｒｕｅ； ｌｆｖｐｌａｙ．ｓｅｔＭｅｄｉａ ｒｔｍｐ：／／ｍｙｓｅｒｖｅｒｎａｍｅ ＿文件中的数据进行添加、修改，不必再重新发布Ｆｌａｓｈ源 文件，能够做到一次制作，跨平台输出，不受操作系统和 ／ 浏览器版本；视频文件的添加可以利用ＦＴｒＰ直接上 传到ＦＭＳ。此外，本系统的播放器是利用Ｆｌａｓｈ的 ＭｅｄｉａＰｌａｙｂａｃｋ组件实现的，操作简单，功能完善，播放器 也可以具有自己的风格和特色。⑧ 参考文献： ［１】谢建华，岳元亚．应用Ｆｌａｓｈ Ｍｅｄｉａ Ｓｅｒｖｅｒ技术开发网络 视频会议系统Ｕ１ 福建电脑，２００６（８）：１６４—１６５ ｍｙ＿ａｐｐｌｉｃａｔｉｏｎ／”＋ｃｕｒｒｅｎｄｙＳｅ１ｅｃｔｅｄ．ｄａｔａ，＂ＦＬＶ”）； ｌｆｖｐｌａｙ．ｐｌａｙ（）； ｝； ｌｆｖｌｉｓｔ．ａｄｄＥｖｅｎｔＬｉｓｔｅｎｅ ｃｈａｎｇｅ”，ｃｂＬｉｓｔｅｎｅｒ）； ｌｆｖｌｉｓｔ．ａｄｄＥｖｅｎｔＬｉｓｔｅｎｅｒ（”ｃｈａｎｇｅ”，ｃｂＬｉｓｔｅｎｅｒ）注册了一 个ｆｌｖｌｉｓｔ侦听器对象，当选择ｆｌｖｌｉｓｔ中的菜单项时就会调 用侦听器函数ｃｈａｎｇｅ。ｆｌｖｐｌａｙ．ｓｅｔＭｅｄｉａ是将位于ＦＭＳ上 『２１陈冰．Ｆ１ａｓｈ第一步ｆＭ】．清华大学出版社，２００６． ５２中国教育信息化／２００７．０８（高教职教）
