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

2016-09-26 19:39唐思均
卷宗 2016年7期
关键词:设计

唐思均

摘 要:本文首先对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

猜你喜欢
设计
二十四节气在平面广告设计中的应用
何为设计的守护之道?
基于PWM的伺服控制系统设计
基于89C52的32只三色LED摇摇棒设计
基于ICL8038的波形发生器仿真设计
瞒天过海——仿生设计萌到家
设计秀
有种设计叫而专
基于iOS的室内定位系统设计与实现
设计之味