| 음악을 넣을때 사용하는 태그입니다. time2비헤비에어의 지배를 받고 있습니다. 아마 처음보는 분들도 계실겁니다.
<HTML xmlns:t="urn:schemas-microsoft-com:time">(필수!)
<IMPORT namespace='t' implementation='#default#time2'>(필수!)
<STYLE>
.f11 {font-size:11px;; letter-spacing: -1px; cursor: hand;}
.tdbgm { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
PADDING-TOP: 3px; }
.tdico { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
PADDING-TOP: 1px; }
</STYLE>
<body>
재생되는 핵심부분입니다
<T:MEDIA "behavior:url(#default#time2)"(필수!) id='mediaObj'
src='http://cy01.img.or.kr/0/cybgm.asx' begin='definite' timeAction='visibility'
onend='updateBtns();' ontrackchange='updateFields();' onmediacomplete="showd.innerHTML='재생버튼을
누르면 재생됩니다.';"/>
<TABLE cellSpacing=0 cellPadding=0 width="140" border=0>
<TBODY>
<TR>
<TD class=tdico width=16 height=16>
<IMG height=12 src=http://img.cyworld.nate.com/img/ico/cd_stop.gif width=12
align=absMiddle border=0></TD>
<TD class=tdbgm width="80">
<A class=f11><FONT color=#333333><span id=showd>로딩중</span></FONT></A>
</TD>
<td width="44" class="tdbgm">
<A class=f11><FONT color=#333333>
<a class=f11 id='btnStart' onclick='mediaObj.beginElement();updateBtns();updateFields();'>▶</a><a
class=f11 id='btnPrev' onclick='mediaObj.playList.prevTrack();'>◁</a><a
class=f11 id='btnNext' onclick='mediaObj.playList.nextTrack();'>▷</a><a
class=f11 id='btnStop' onclick='mediaObj.endElement();clearFields();'>■</a></FONT>
</A>
</td>
</TR>
</TBODY>
</TABLE>
아래는 제어를 위한 스크립트 입니다.
<SCRIPT>function
updateBtns(){if(mediaObj.currTimeState.isActive){btnStart.disabled=true;btnNext.disabled=false;btnPrev.disabled=false;btnStop.disabled=false;}else{btnStart.disabled=false;btnNext.disabled=true;btnPrev.disabled=true;btnStop.disabled=true;}}function
updateFields(){str='<marquee id=music_mar DIRECTION=left scrollamount=2 width=80
height=2>'+mediaObj.playList.activeTrack.title+'</marquee>';strs=mediaObj.playList.activeTrack.title;showd.innerHTML=strs;setTimeout('showd.innerHTML=str;',2000);}function
clearFields(){showd.innerHTML='정지됨';}updateBtns();function
keyc(){if(event.keyCode==27){mediaObj.endElement();return
false;}}document.body.attachEvent('onkeydown',keyc);</SCRIPT>
</body></HTML>
이제 비디오를 위한 태그를 보시겠습니다. 위에서 MEDIA가 아닌 VIDEO를 씁니다. 이것도 time2의 지배를 받습니다.
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<IMPORT namespace='t' implementation='#default#time2'>
<STYLE>
.f11 {font-size:11px;; letter-spacing: -1px; cursor: hand;}
.tdbgm { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
PADDING-TOP: 3px; }
.tdico { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
PADDING-TOP: 1px; }
</STYLE>
<body>
<T:VIDEO "behavior:url(#default#time2)" id='mediaObj'
src='http://61.109.246.42/cms/2006/10/09/mv_183455.wmv' begin='definite'
timeAction='visibility' onend='updateBtns();' ontrackchange='updateFields();'
onmediacomplete="showd.innerHTML='재생버튼을 누르면 재생됩니다.';"/>
<TABLE cellSpacing=0 cellPadding=0 width="140" border=0>
<TBODY>
<TR>
<TD class=tdico width=16 height=16>
<IMG height=12 src=http://img.cyworld.nate.com/img/ico/cd_stop.gif width=12
align=absMiddle border=0></TD>
<TD class=tdbgm width="80">
<A class=f11><FONT color=#333333><span id=showd>로딩중</span></FONT></A>
</TD>
<td width="44" class="tdbgm">
<A class=f11><FONT color=#333333>
<a class=f11 id='btnStart' onclick='mediaObj.beginElement();updateBtns();updateFields();'>▶</a><a
class=f11 id='btnPrev' onclick='mediaObj.playList.prevTrack();'>◁</a><a
class=f11 id='btnNext' onclick='mediaObj.playList.nextTrack();'>▷</a><a
class=f11 id='btnStop' onclick='mediaObj.endElement();clearFields();'>■</a></FONT>
</A>
</td>
</TR>
</TBODY>
</TABLE>
<SCRIPT>function
updateBtns(){if(mediaObj.currTimeState.isActive){btnStart.disabled=true;btnNext.disabled=false;btnPrev.disabled=false;btnStop.disabled=false;}else{btnStart.disabled=false;btnNext.disabled=true;btnPrev.disabled=true;btnStop.disabled=true;}}function
updateFields(){str='<marquee id=music_mar DIRECTION=left scrollamount=2 width=80
height=2>재생중</marquee>';strs='재생중';showd.innerHTML=strs;setTimeout('showd.innerHTML=str;',2000);}function
clearFields(){showd.innerHTML='정지됨';}updateBtns();function
keyc(){if(event.keyCode==27){mediaObj.endElement();return
false;}}document.body.attachEvent('onkeydown',keyc);</SCRIPT>
</body></HTML>
샘플 -
http://www.musictag.net/zboard/zboard.php?id=Test&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=2430
| 
추천 : 