..............................
□ 첨부:
( bytes)
이번 예제는 자바스크립트를 통해서 미디어플레이어를 컨트롤하는 예제입니다.
[소스분석]
우선 embed 테그에 id값을 부여합니다.(여기서는 Player )
각각의 컨트롤함수는
Player.play() -- 재생메서드
Player.pause() -- 일시중지메서드
Player.stop() -- 중지메서드
Player.fastReverse() -- 되감기메서드
Player.fastForward() -- 빨리감기메서드
Player.mute -- 묵음속성(true/false)
Player.volume -- 볼륨속성(-600 ~ 0)
즉 객체이름.메서드 또는 객체이름.속성 으로 컨트롤 합니다.
이벤트핸들러로는 onClick 이 쓰이고 있습니다.
embed 태그내의 DisplaySize속성의 값은 0,1,2,3 등이 가능한데, 3이면 전체화면보기 모드입니다.
<![CDATA[
==== 소스 시작 ====
<style>
.hand{cursor:hand;}
</style>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="image/mp_top.gif" width="390" height="5"></td>
</tr>
<td><img src="image/mp_left.gif" height="250" width="24"></td>
<td style="padding:0"><b><embed src="http://www.namsam.com/media/자전거 탄 풍경-보물(선생 박봉두 OST).wmv" id="Player"
autostart="true" DisplaySize="0" volume="0" showdisplay="false"
showcontrols="false" showtracker="true" clicktoplay="false"></embed></b></td>
<td><img src="image/mp_right.gif" height="250" width="25"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="margin-top:-1" background="image/bottom_back.gif" width="390">
<tr valign="bottom">
<td><img src="image/play.gif" class="hand" <b>onclick="Player.play()"</b> alt="재생"></td>
<td><img src="image/pause.gif" class="hand" <b>onclick="Player.pause()"</b> alt="일시정지"></td>
<td><img src="image/stop.gif" class="hand" <b>onclick="Player.stop()"</b> alt="중지"></td>
<td><img src="image/rewind.gif" class="hand" <b>onclick="Player.fastReverse()"</b> alt="되감기"></td>
<td><img src="image/forward.gif" class="hand" <b>onclick="Player.fastForward()"</b> alt="빨리감기"></td>
<td><img src="image/mute.gif" class="hand" <b>onclick="Player.mute='true'"</b> alt="소리끔"></td>
<td><img src="image/no_mute.gif" class="hand" <b>onclick="Player.mute='false'"</b> alt="소리재생"></td>
<td><img src="image/volume_down.gif" class="hand" <b>onclick="Player.volume-=5"</b> alt="volum down"></td>
<td><img src="image/volume.gif"></td>
<td><img src="image/volume_up.gif" class="hand" <b>onclick="Player.volume+=5"</b> alt="volum up"></td>
</tr>
</table>
==== 소스 끝 ====
]]>
[▶추천하기]
|
