3. SMIL Synchronization

4th Dimension (4차원) = time

display time (duration) & delay time (start time)

<smil> <head> <layout> <root-layout width="200" height="200" background-color="yellow" /> <region id="p1" left="10" top="10" width="130" height="160"/> </layout> </head> <body> <img src="june-1.jpg" region="p1" dur="6s" /> </body> </smil>
. . . <body> <img src="june-1.jpg" region="p1" begin="3s" dur="4s" /> </body>

Sequence (순서대로) : <seq> 요소

<region id="p1" left="10" top="10" width="130" height="160"/> <region id="p2" left="70" top="25" width="110" height="150"/> . . . <body> <seq> <img src="june-1.jpg" region="p1" dur="5s"/> <img src="june-2.jpg" region="p2" begin="2s" dur="5s"/> </seq> </body>

Parallel (동시) : <par> 요소

  ... <root-layout width="200" height="200"
                          background-color="yellow" />
      <region id="p1" left="10" top="10" width="130" height="160"/>
      <region id="p2" left="70" top="30" width="110" height="150"/>
    </layout>
  </head>
  <body>
    <par>
      <img src="june-1.jpg" region="p1" dur="5s"/>
      <img src="june-2.jpg" region="p2" dur="5s"/>
    </par>
  </body>

    <par>
      <img src="june-1.jpg" region="p1" dur="5s"/>
      <img src="june-2.jpg" region="p2" begin="3s" dur="5s"/>
    </par>

이벤트 기반 동기화

이벤트 기반 시간 표기

begin 또는 end = "id(아이디명칭) (해당이벤트)"
해당이벤트 = begin | 시간 | end

<par>의 경우 시작후 시간, <seq>의 경우 종료후 시간

예)

<par> <img src="june-1.jpg" region="p1" id="img1" begin="3s" dur="6s"/> <img src="june-2.jpg" region="p2" id="img2" begin="id(img1)(begin)" dur="6s"/> </par> 예제보기
<par> <img src="june-1.jpg" region="p1" id="img1" begin="3s" dur="6s"/> <img src="june-2.jpg" region="p2" id="img2" begin="id(img1)(2s)" dur="5s"/> </par> 예제보기
<par> <img src="june-1.jpg" region="p1" id="img1" begin="1s" dur="5s"/> <img src="june-2.jpg" region="p2" id="img2" begin="id(img1)(end)" dur="5s"/> </par> 예제보기
<par> <text src="pic1.txt" region="p1" id="txt1" dur="5s" /> <par begin="id(txt1)(4s)" > <img src="june-1.jpg" region="p1" id="img1" dur="5s"/> <img src="june-2.jpg" region="p2" id="img2" begin="id(img1)(begin)" dur="5s"/> </par> </par> 예제보기

SMIL 2.0 시간 동기화 spec

객체기반 스크립트 방식과 유사 개념
예) begin="img1.load", begin="img1.load+2s", begin="img1.end+3s", begin="img1.click+1s"
not implemented yet