문서에서 연주 항목 playItem 개체들의 배열변수인 컬렉션을 참조한다,
MP3(MPEG-Layer 3)와 같은 일부 메디어 파일은 여려개의 개별 메디아 파일을 포함하는 것이 있다. 이 개체로 이와같은 파일의 연주 목록 컬렉션에 접속할 수 있다.
이 playList 컬렉션은 모체 시간 엘레멘트에서 활성화된 동안만 사용이 가능하고 모체 시간이 종료되면 중지되다.
| 개체 | script | HTML | 규격 | IE |
|---|
이 컬렉션은 (영문) SMIL 2.0(Synchronized Multimedia Integration Language)에 확장한 것이다.
HTML+time설명을 위한 예제
제공되는 정보는 파일 작성시 제공한 것이 대부분이다.
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<STYLE>
.time{ behavior: url(#default#time2);}
</STYLE>
<IMPORT namespace="t" implementation="#default#time2">
<T:media id="mediaObj" src="../../media/bannerSample.asx"
onmediacomplete="updateFields();updateBtns();" begin="document.onload{+1)"/>
<B>timer:</B><SPAN id="Timer1" class="time" dur=".01" repeatCount="indefinite" fill="hold"
onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</SPAN><BR>
<SPAN id="title1">Title:</SPAN><BR>
<SPAN id="author1">Author:</SPAN><BR>
<SPAN id="abstract1">Abstract:</SPAN><BR>
<SPAN id="copyright1">Copyright</SPAN><BR><BR>
<BUTTON id="b0" onclick="mediaObj.beginElement();updateFields();updateBtns();">Start</BUTTON>
<BUTTON id="b1" onclick="mediaObj.playList.nextTrack();updateFields();">Next Track</BUTTON>
<BUTTON id="b2" onclick="mediaObj.playList.prevTrack();updateFields();">Previous Track</BUTTON>
<BUTTON id="b3" onclick="mediaObj.endElement();emptyFields();updateBtns();">Stop</BUTTON>
<SCRIPT>
function updateBtns(){
if(mediaObj.currTimeState.isActive){
b0.disabled=true;
b1.disabled=false;
b2.disabled=false;
b3.disabled=false;
showInformation(); // 속성등의 표시 정보의 업데이트
}else{
b0.disabled=false;
b1.disabled=true;
b2.disabled=true;
b3.disabled=true;
}
oObj=mediaObj.playList;
}
function updateFields(){
title1.innerText='Title: '+mediaObj.playList.activeTrack.title;
author1.innerText='Author: '+mediaObj.playList.activeTrack.author;
abstract1.innerText='Abstract: '+mediaObj.playList.activeTrack.abstract;
copyright1.innerText='Copyright: '+mediaObj.playList.activeTrack.copyright;
}
function emptyFields(){
title1.innerText='Title: ';
author1.innerText='Author: ';
abstract1.innerText='Abstract: ';
copyright1.innerText='Copyright: ';
}
document.onload=updateBtns();
</SCRIPT>