花

http://chinaunix.net/jh/13/246914.html

SMIL是同步多媒體集成語言（Synchronized Multimedia Integration Language）的縮寫
它用來規(guī)定多媒體片斷(這里多媒體的包括的范圍有：聲音文件、視頻文件、動畫、圖片、文字等)在什么時候、在什么地方、以什么樣的方式播放。
（1） 避免使用統(tǒng)一的包容文件格式
（2）同時播放在不同地方（服務(wù)器上）的多媒體片斷
（3）時間控制
（4）對整個演示進行布局
（5）多語言選擇支持
（6）多帶寬選擇支持

1、 多媒體片斷結(jié)構(gòu)組織
（1）< seq>< /seq>標記：媒體片斷順序播放
例如:
< smil>
< head> < /head>
< body>
< seq>< img src="image1.jpg"/>< img src="image2.jpg"/>< /seq> < /body>
< /smil>
（2） < /par>標記 ：媒體片斷協(xié)同播放
例如：
< smil>
< head> < /head>
< body>
< par>< img src="image1.jpg"/>< img src="image2.jpg"/>< /par> < /body>
< /smil>
（3）< seq>< /seq>和< par>< /par>標記協(xié)同使用分析
< smil>
< head> < /head>
< body>
< seq>
< img src="image1.jpg"/>
< par> < img src="image2.jpg"/>< img src="image3.jpg"/>< /par>
< img src="image4.jpg"/>
< /seq>
< /body>
< /smil>

2、 時間控制
（1）dur屬性 ：媒體片斷持續(xù)時間
< smil>
< head>
< /head>
< body>
< seq>
< img src="image1.jpg" dur="5s"/>
< img src="image2.jpg" dur="10s"/ >
< /seq>
< /body>
< /smil>

（2）begin和end屬性
< smil>
< head>
< /head>
< body>
< img src="image1.jpg" begin="2" dur="5s"/>
< /body>
< /smil>
（3）clip-begin和clip-end屬性
（4）fill （remove、freeze）
（5）repeat（數(shù)字或 indefinite）

3.布局設(shè)置
（1）定義基本顯示窗口
< smil>
< head>
< layout>
< root-layout width="300" height="200" background-color="white" />
< /layout>
< /head>
< body>
< /body>
< /smil>
（2）定義多媒體片斷顯示窗口
< smil>
< head>
< layout>
< root-layout width="300" height="300" background-color="yellow" />
< 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>

（3）fit屬性 :fit屬性的屬性值有hidden、meet、fill、scroll和slice四個。其中hidden是默認的屬性值。
< region id="vedio_region" width="80%" height="80%" fit="meet"/>
（4）z-index屬性
z-index屬性規(guī)定相互重疊的窗口的顯示次序。數(shù)字大那么顯示就在上面。這個很容易理解，我們就不說太多。但是以下幾點要注意：
a、root層窗口總是在最后一層，并且不用z-index屬性。
b、z-index屬性值可以是負數(shù)。當然它就的排在0以后。
c、 沒有重疊的窗口可以使用同一z-index屬性值。

< smil>
< head>
< layout>
< root-layout width="300" height="300" />
< region id="vedio1_region" width="300" height="300" z-index="0"/>
< region id="vedio2_region" left="270" top="270" width="30" height="30" z-index="1" />
< /layout>
< /head>
< body>
< par>
< vedio src="testone.rm" region="vedio1_region"/>
< vedio src="testtwo.rm" region="vedio2_region" />
< /par>
< /body>
< /smil>

4、鏈接制作
（1）< a>< /a>標記
< smil>
< head>
< layout>
< root-layout width="300" height="300"/>
< region id="videoregion" top="0" left="0" width="300" height="300"/>
< layout>
< /head>
< body>
（2）< anchor>屬性
a、 分時斷鏈接
考慮這樣一個問題：我們要在0~10秒鏈到一個文件，10~20秒鏈到另一個文件，該怎么辦？看我們的：
< body>
< video src="1.avi" region="videoregion">
< anchor href="1.jpg" begin="0s" end="10s" >
< anchor href="videotest.rm" begin="10s" end="20s" />
< /video>
B、鏈接部分SMIL
我們的鏈接可以鏈接的文件很多，幾乎所用的多媒體片斷都可以。*.smil和*.html也可以。但是，下面我們要討論的是如何鏈接部分SMIL。
第一個SMIL文件，取名test11.smil
< smil>
< head>
< layout>
< root-layout width="400" height="300"/>
< region id="videoregion" top="0" left="0" width="400" height="300" fit="meet"/>
< /layout>
< /head>
< body>
< video src="1.avi" region="videoregion">
< anchor href="test11app.smil#testlink"/>
< /video>
< /body>
< /smil>
第一個SMIL文件，取名test11app.smil
< smil>
< head>
< layout>
< root-layout width="400" height="300"/>
< region id="videoregion" top="0" left="0" width="400" height="300" fit="meet"/>
< /layout>
< /head>
< body>
< video id="testlink" src="1.avi" clip-begin="150" region="videoregion"/>
< /body>
< /smil>
或
< par id="testlink">
< video src="1.avi" clip-begin="150" region="videoregion"/>
< /par>

< a href="1.rm">
< video src="videotest.rm" region="videoregion"/>
< /a>
< /body>
< /smil>
（3）coords屬性

< anchor href="1.rm" coords="0， 0，150，300"/>
或者：
< anchor href="1.rm" coords="0％， 0％，50％，100％"/>