player src syncMaster syncBehavior begin 속성 예제

메디어바 속에 메디어 플레이어
그리고 문자열
그리고 HTML
등을 포함할 수 있다
이동하는 DIV

이 예제는 IE6이상에서만 작동된다.
메디어바(Media Bar) 속에서 HTML+TIME 시간 플레이와 동기화하여 메디어가 플레이된다.
t:MEDIA 엘레멘트의 player 애트리뷰트에서 ClassID를 {52ca3bcf-3b9b-419e-a3d6-5d28c0b0b50c}로 지정하였다.

<HTML xmlns:t ="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time {behavior: url(#default#time2);}</STYLE>
<IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
<t:PAR id=tPar syncBehavior="locked">
  <t:MEDIA id="m1" src="http://trio.co.kr/sound/flute2.mid" player="{52ca3bcf-3b9b-419e-a3d6-5d28c0b0b50c}"
    syncMaster="true" syncBehavior="locked" begin="1" />
  <t:ANIMATEMOTION id="a1" begin="m1.begin" dur="9" targetElement="oDiv" path="M 0 0 L 400 70" fill="freeze"/>
  <t:SEQ style="font-size:18pt;color:#ff0000" syncBehavior="locked" begin="m1.begin" fill="freeze">
    <DIV class="time" dur="1.5">메디어바 속에 메디어 플레이어</DIV>
    <DIV class="time" dur="1.5">그리고 문자열</DIV>
    <DIV class="time" dur="2">그리고 <FONT color=blue>HTML</FONT></DIV>
    <DIV class="time" dur="2">등을 포함할 수 있다</DIV>
  </t:SEQ>
</t:PAR>
<DIV id="oDiv" class="time" style="background-color:yellow;position:absolute;top:10;left:10;
  font-size:16;border:solid 2 red;padding:5" >이동하는 DIV</DIV><br>
<button onclick="tPar.beginElement()">다시 시작</button>
</BODY>
</HTML>