基于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