基于SMIL語言的多媒體課件制作子系統(tǒng)的設(shè)計和實現(xiàn)

唐思均

摘 要：本文首先對SMIL語言進(jìn)行了簡單的介紹，然后結(jié)合具體開發(fā)實踐，對基于SMIL語言的多媒體課件制作子系統(tǒng)的設(shè)計和實現(xiàn)進(jìn)行了探討，以期為網(wǎng)絡(luò)教育模式與教學(xué)資源的準(zhǔn)備提供新的方法與思路。

關(guān)鍵詞：SMIL語言；課件制作子系統(tǒng)；設(shè)計

1 SMIL語言介紹

SMIL是同步多媒體集成語言（Synchronized Multimedia Integration Language）的縮寫，念做smile，于1998年由W3C（萬維網(wǎng)聯(lián)盟）推出，它使制作集視頻、音頻、圖片和文本為一體的網(wǎng)上演示文稿成為可能。SMIL語言屬于擴(kuò)展型標(biāo)記語言XML（ExtensionMark-upLanguage）的范疇，是基于XML語法的一種標(biāo)記文本語言，包含了URL資源管理、基于CSS的頁面編排控制、HTML超媒體鏈接等特性。采用SMIL可以方便地描述各種媒體之間的時間同步關(guān)系和空間編排關(guān)系，是Internet上用于集成多媒體節(jié)目，尤其是流媒體的主要語言工具，它可以實現(xiàn)視頻、音頻、導(dǎo)航區(qū)的標(biāo)題與電子講稿三者的同步。該語言還可以載入數(shù)據(jù)平衡，以便于制作成果的再次重復(fù)使用。但SMIL最大的優(yōu)勢是：它只需一個簡單的文本編輯器就可以編寫腳本，從而使多媒體制作對象如同HTML一樣可以訪問。

2 利用SMIL制作一個簡單的網(wǎng)絡(luò)多媒體演示課件子系統(tǒng)實例

（1）制作前的準(zhǔn)備工作

在設(shè)計之初，我們要對設(shè)計選題進(jìn)行細(xì)致分析，對課件中的應(yīng)用對象，內(nèi)容涵蓋等問題進(jìn)行分析研究，確定出課件所要實現(xiàn)的目標(biāo)，制定出課件的教育應(yīng)用規(guī)劃，根據(jù)以上的要求收集與課件有關(guān)的教材、圖、文、聲、像、視頻等素材，并進(jìn)行分類整理，編寫出這些素材的網(wǎng)絡(luò)存儲地址列表。

（2）SMIL的空間布局約定

為了確定媒體素材的空間布局，用戶需要按照SMIL語言的約定，確定每個空間區(qū)域在演示屏幕上的大小、位置、填充方式等屬性。本文在這里僅定義基本顯示窗口，程序如下：

< smil>

< head>

< layout>

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

< /layout>

< /head>

< body>

< /body>

< /smil>

注意：布局標(biāo)記必須以< layout>開頭，以< /layout>結(jié)束。< layout>< /layout>必須放在< head>< /head>之間。

root-layout標(biāo)記表明的是規(guī)定最基本的、最底層的窗口。其他一切窗口都在它的基礎(chǔ)上劃分出來。

（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個像素點的距離（注：這里的坐標(biāo)是相對基本顯示窗口而言）。width="290" height="260"表示窗口寬為290個像素點，高為260個像素點。下面的顯示窗口的定義和這個是一樣的。

聲明了多媒體片斷 test.rm在vedio_region這個區(qū)域播放；聲明了文本文件test.txt在vedio_region這個區(qū)域顯示。

（4）設(shè)計內(nèi)容

考慮到作為課件，要有內(nèi)容的播放，同時又要讓學(xué)生愿意觀看。故而，要使文字與圖像同時播放。主體文字部分，用realtext編寫，為了有比較，不同于一般演示的效果，設(shè)定文字自動從下往上移動，并且設(shè)置背景顏色為黑色，更有字幕的感覺。標(biāo)題部分，用realtext編寫，由于realtext文件的屬性是需要設(shè)定并且固定的，所以要產(chǎn)生標(biāo)題進(jìn)入并且移動的表現(xiàn)，故建立兩個文件，位于同一區(qū)域，處于兩個層，交替出現(xiàn)，就可滿足所設(shè)想的表現(xiàn)了。字幕部分，用realtext編寫。將圖片置于文字位置的上方，用realpix編寫，并且安排聲音的同步播放。下面代碼片段部分描述了技術(shù)實現(xiàn)：

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

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

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

參考文獻(xiàn)

[1]畢野，基于XML的網(wǎng)絡(luò)化多媒體課件系統(tǒng)的研究和應(yīng)用[D]，南京理工大學(xué)碩士學(xué)位論文，2003

[2]李沫，SMIL多媒體時間同步參考模型的提出和實現(xiàn)[J]，計算機(jī)應(yīng)用與軟件，2005（5）

[3]胡景，SM IL在多媒體遠(yuǎn)程教育中的應(yīng)用研究[J]，商丘師范學(xué)院學(xué)報，2007