Posted on 2006-05-12 15:29
花 閱讀(436)
評(píng)論(0) 編輯 收藏 所屬分類:
XML Design
http://chinaunix.net/jh/13/246914.html
SMIL是同步多媒體集成語言(Synchronized Multimedia Integration Language)的縮寫
它用來規(guī)定多媒體片斷(這里多媒體的包括的范圍有:聲音文件、視頻文件、動(dòng)畫、圖片、文字等)在什么時(shí)候、在什么地方、以什么樣的方式播放。
(1) 避免使用統(tǒng)一的包容文件格式
(2)同時(shí)播放在不同地方(服務(wù)器上)的多媒體片斷
(3)時(shí)間控制
(4)對(duì)整個(gè)演示進(jìn)行布局
(5)多語言選擇支持
(6)多帶寬選擇支持
1、 多媒體片斷結(jié)構(gòu)組織
(1)< seq>< /seq>標(biāo)記:媒體片斷順序播放
例如:
< smil>
< head> < /head>
< body>
< seq>< img src="image1.jpg"/>< img src="image2.jpg"/>< /seq> < /body>
< /smil>
(2) < /par>標(biāo)記 :媒體片斷協(xié)同播放
例如:
< smil>
< head> < /head>
< body>
< par>< img src="image1.jpg"/>< img src="image2.jpg"/>< /par> < /body>
< /smil>
(3)< seq>< /seq>和< par>< /par>標(biāo)記協(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、 時(shí)間控制
(1)dur屬性 :媒體片斷持續(xù)時(shí)間
< 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四個(gè)。其中hidden是默認(rèn)的屬性值。
< region id="vedio_region" width="80%" height="80%" fit="meet"/>
(4)z-index屬性
z-index屬性規(guī)定相互重疊的窗口的顯示次序。數(shù)字大那么顯示就在上面。這個(gè)很容易理解,我們就不說太多。但是以下幾點(diǎn)要注意:
a、root層窗口總是在最后一層,并且不用z-index屬性。
b、z-index屬性值可以是負(fù)數(shù)。當(dāng)然它就的排在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>標(biāo)記
< 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、 分時(shí)斷鏈接
考慮這樣一個(gè)問題:我們要在0~10秒鏈到一個(gè)文件,10~20秒鏈到另一個(gè)文件,該怎么辦?看我們的:
< 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。
第一個(gè)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>
第一個(gè)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%"/>