4. SMIL 제어문

4. SMIL 제어문 및 링크

Switch 요소

<switch id="이름">
    <1번째요소 testAttribute1/>
    <2번째요소 testAttribute2/>
    <3번째요소 testAttribute3/>
    <그외요소>
</switch>

의미 :
if (testAttribute1) <1번째요소/>
else if (testAttribute2) <2번째요소/>
else if (testAttribute3) <3번째요소/>
else <그외요소/>

자식요소에는 미디어, 시간제어, 링크 요소가능

<text>, <textstream>, <image>, <audio>, <video>, <animation>, <ref>
<par>, <seq>, <switch>, <a>

<head>에서도 사용가능 : <layout>요소 포함

testAttribute

사용가능 속성

시스템의 비트율 : system-bitrate = "정수"
시스템 사용 언어 : system-language = "콤마-리스트"
모니터 스크린의 크기 : system-screen-size = "가로x세로"
스크린의 픽셀당 비트깊이 : system-screen-depth = "비트수"
캡션사용 여부 : system-captions = "on|off"
system-overdub-or-captions= "captions|overdub"

<switch>
    <audio src="audio-best" system-bitrate="40000" />
    <audio src="audio-normal" system-bitrate="24000" />
    <audio src="audio-low" system-bitrate="8000" />
</switch>

<switch>
    <audio src="audio-korean" system-language="kr" />
    <audio src="audio-english" system-language="en" />
    <audio src="audio-japan" system-language="jp" />
</switch>

<switch>
    <par system-screen-size="1280x1024">
     ...
    </par>
    <par system-screen-size="1024x768">
     ...
    </par>
    <par system-screen-size="640x480">
     ........
    </par>
</switch>

예제

SMIL 2.0 속성 명칭 : 수정 예제 결과

systemBitrate , systemLanguage,
systemScreenSize, systemScreenDepth,
systemCaptions, systemOverdubOrSubtitle
SMIL 1.0 속성은 그대로 사용 가능

여러개의 testAttributes를 같이 사용

Hyperlink : <a>요소

<a id="identifier" show="replace|new|pause" href="URL">
자식요소
</a>

HTML과 유사

자식요소에는 미디어 및 시간제어 요소가능
show=replace (소스 미디어 대체), new (소스 미디어 지속), pause (소스 미디어 멈춤)

<a href="other.smil#next">
<video src="graph.rm" />
</a>

...
<par>
    <video src="v1.rm" region="l_window"/>
    <video id="next" src="v2.rm" region="r_window"/>
    <text src="caption1.html" region="l_title"/>
    <text src="caption2.rtx" region="r_title"/>
</par>
...

<anchor>요소

<anchor id="identifier" show="replace|new|pause" href="URL"
coords="left-x, top-y, right-x, bottom-y" begin="clock" end="clock" />

HTML의 image map 개념에 다음 개념 추가

공간 분할(spatial segment) 및 시간 분할(temporal segment)
하이퍼링크(href)로 연동 또는 분할 설정

공간분할 링크 예

시간분할 링크 예

분할조각(subpart)에의 링크 예

<a href="next.smil#v1_main">
<video src="graph.rm" region="l_window" />
</a>

...
<video src="v1.rm">
<anchor id="v1_prolog" begin="0s" end="5s" />
<anchor id="v1_main" begin="5s" end="10s" />
</video>
...

복합 적용 예

<a href="next.smil#v1_main">
<video src="graph.rm" region="l_window" />
</a>

...
<video src="v1.rm">
  <anchor id="v1_prolog" begin="0s" end="5s" coords="0%,0%,50%,50%"
                    href="http://www.w3.org/AudioVideo" />
  <anchor id="v1_main" begin="5s" end="10s" coords="50%,50%,100%,100%"
                    href="http://www.w3.org/Style" />
</video>

<area>요소 : SMIL2.0

<anchor>요소와 동일 (이름 변경)

shape 속성 추가 (HTML의 shape)