基于SMIL语言的多媒体课件制作子系统的设计和实现

唐思均

摘 要：本文首先对SMIL语言进行了简单的介绍，然后结合具体开发实践，对基于SMIL语言的多媒体课件制作子系统的设计和实现进行了探讨，以期为网络教育模式与教学资源的准备提供新的方法与思路。

关键词：SMIL语言；课件制作子系统；设计

1 SMIL语言介绍

SMIL是同步多媒体集成语言（Synchronized Multimedia Integration Language）的缩写，念做smile，于1998年由W3C（万维网联盟）推出，它使制作集视频、音频、图片和文本为一体的网上演示文稿成为可能。SMIL语言属于扩展型标记语言XML（ExtensionMark-upLanguage）的范畴，是基于XML语法的一种标记文本语言，包含了URL资源管理、基于CSS的页面编排控制、HTML超媒体链接等特性。采用SMIL可以方便地描述各种媒体之间的时间同步关系和空间编排关系，是Internet上用于集成多媒体节目，尤其是流媒体的主要语言工具，它可以实现视频、音频、导航区的标题与电子讲稿三者的同步。该语言还可以载入数据平衡，以便于制作成果的再次重复使用。但SMIL最大的优势是：它只需一个简单的文本编辑器就可以编写脚本，从而使多媒体制作对象如同HTML一样可以访问。

2 利用SMIL制作一个简单的网络多媒体演示课件子系统实例

（1）制作前的准备工作

在设计之初，我们要对设计选题进行细致分析，对课件中的应用对象，内容涵盖等问题进行分析研究，确定出课件所要实现的目标，制定出课件的教育应用规划，根据以上的要求收集与课件有关的教材、图、文、声、像、视频等素材，并进行分类整理，编写出这些素材的网络存储地址列表。

（2）SMIL的空间布局约定

为了确定媒体素材的空间布局，用户需要按照SMIL语言的约定，确定每个空间区域在演示屏幕上的大小、位置、填充方式等属性。本文在这里仅定义基本显示窗口，程序如下：

< smil>

< head>

< layout>

< root-layout width=”400” height=”300” background-color=” blue” />

< /layout>

< /head>

< body>

< /body>

< /smil>

注意：布局标记必须以< layout>开头，以< /layout>结束。< layout>< /layout>必须放在< head>< /head>之间。

root-layout标记表明的是规定最基本的、最底层的窗口。其他一切窗口都在它的基础上划分出来。

（3）定义多媒体素材的显示窗口

< smil>

< head>

< layout>

< root-layout width=”400” height=”300” background-color=”blue” />

< region id=”vedio_region” left=”5” top=”5” width=”290” height=”260” />

< region id=”text_region” left=”5” top=”270” width=”290” height=”25” background-color=”white”/>

< /layout>

< /head>

< body>

< par>

< vedio src=”test.rm” region=”vedio_region” />

< text src=”test.txt” region=”text_region”/>

< /par>

< /body>

< /smil>

其中，< region id=”vedio_region” left=”5” top=”5” width=”290” height= “260” />用来定义多媒体素材的显示窗口，它的id是vedio_region，这个id是必须要的（在SMIL中，有的id号是可以省略的），left=”5” top=”5”表示离顶端和左段各有5个像素点的距离（注：这里的坐标是相对基本显示窗口而言）。width="290" height="260"表示窗口宽为290个像素点，高为260个像素点。下面的显示窗口的定义和这个是一样的。

声明了多媒体片断 test.rm在vedio_region这个区域播放；声明了文本文件test.txt在vedio_region这个区域显示。

（4）设计内容

考虑到作为课件，要有内容的播放，同时又要让学生愿意观看。故而，要使文字与图像同时播放。主体文字部分，用realtext编写，为了有比较，不同于一般演示的效果，设定文字自动从下往上移动，并且设置背景颜色为黑色，更有字幕的感觉。标题部分，用realtext编写，由于realtext文件的属性是需要设定并且固定的，所以要产生标题进入并且移动的表现，故建立两个文件，位于同一区域，处于两个层，交替出现，就可满足所设想的表现了。字幕部分，用realtext编写。将图片置于文字位置的上方，用realpix编写，并且安排声音的同步播放。下面代码片段部分描述了技术实现：

height=”110” fit=”fill” z-index=”2”/>

height=”145” fit=”fill” z-index=”2”/>

height=”145” fit=”fill” z-index=”4”/>

參考文献

[1]毕野，基于XML的网络化多媒体课件系统的研究和应用[D]，南京理工大学硕士学位论文，2003

[2]李沫，SMIL多媒体时间同步参考模型的提出和实现[J]，计算机应用与软件，2005（5）

[3]胡景，SM IL在多媒体远程教育中的应用研究[J]，商丘师范学院学报，2007