 |
|
|  |
¹Ìµð¾îÇ÷¹À̾î Àç»ý ½Ã°£ ÃßÃâ |
|
|
 |
13³â Àü |
<html>
<head>
<title>faithlove.net Test-Jukebox</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
body,table,tr,td { font-family:±¼¸²; font-size:9pt; color:#333333; }
body { margin : 0 0 0 0; }
</style>
<script>
// ½Ã°£À» Ç¥½ÃÇÏ´Â ÇÔ¼ö
function LoadPlayTime()
{
// ÇöÀç Àç»ýµÇ°í ÀÖ´Â À½¾ÇÀÇ ÃÑ ½Ã°£Àº µÎ°¡Áö ¹æ¹ýÀ¸·Î ºÒ·¯ ¿Ã ¼ö ÀÖ½À´Ï´Ù.
// Çϳª´Â Àüü°¡ ¸î ÃÊÀΰ¡ ÇÏ´Â 236(ÃÊ)À̶ó´Â ¼ýÀÚ¸¦ ºÒ·¯¿À´Â °ÍÀÌ°í
// ´Ù¸¥ Çϳª´Â 3:56 ½ÄÀ¸·Î ¹®ÀÚ¸¦ ºÒ·¯¿À´Â °ÍÀÔ´Ï´Ù.
// ¼ýÀÚ¸¦ ºÒ·¯ ¿À·Á¸é player.currentMedia.duration À¸·Î ÇÏ¸é µË´Ï´Ù.
// ¹®ÀÚ·Î ºÒ·¯ ¿À·Á¸é ´ÙÀ½°ú °°ÀÌ ÇÏ¸é µË´Ï´Ù.
var duration = player.currentMedia.durationString;
// Àç»ýµÇ°í ÀÖ´Â À½¾ÇÀÌ ¸îÃÊ°¡ Áö³µ´ÂÁö´Â player.controls.currentPosition À¸·Î °¡Á®¿Ã ¼ö ÀÖ½À´Ï´Ù.
// ±×·¯³ª ÀÌ°ÍÀº ¸îÃÊ(¼Ò¼öÁ¡ Æ÷ÇÔ)·Î °ªÀ» ¹ÝȯÇϱ⠶§¹®¿¡ 3:56 ½ÄÀ¸·Î º¯È¯À» ÇØÁà¾ß ÇÕ´Ï´Ù.
var nowTime = player.controls.currentPosition;
var nowPosition = time_paser(nowTime);
// Àç»ýÀÌ µÇ°í ÀÖ´Ù¸é nowTimeÀÌ 0º¸´Ù Å©°ÚÁÒ?
if(nowTime > 0)
{
document.all["play_time"].innerHTML = "<font color=#000000>" + nowPosition + " / "+ duration + "</font>";
}
else if(nowTime >= player.currentMedia.duration)
{ // Àç»ý½Ã°£ÀÌ Àüü½Ã°£°ú °°°Å³ª(Àç»ýÀÌ ³¡³µ´Ù´Â ¸»ÀÌÁÒ) Ŭ°æ¿ì..(ÀÌ·± °æ¿ìµµ ÀÖ³ª?!) ÇÔ¼ö¸¦ ºüÁ®³ª¿É´Ï´Ù.
return;
}
// ½Ã°£ Ç¥½Ã¸¦ ÃÊ ´ÜÀ§·Î Çϱ⠶§¹®¿¡ 1Ãʺ¸´Ù ÀÛÀº °ªÀ¸·Î ¹Ýº¹À» ½ÃÄÑÁÖ¸é µÇ°ÚÁÒ.
// 1000ÀÌ 1ÃÊÀÔ´Ï´Ù. µû¶ó¼ 500Àº 0.5ÃÊÀÔ´Ï´Ù. 0.5Ãʸ¶´Ù ½Ã°£À» Ç¥½ÃÇØÁÖ´Â °Ì´Ï´Ù.
setTimeout("LoadPlayTime();", 500);
}
// ¼ýÀÚ¸¦ mm:ss ½ÄÀ¸·Î º¯È¯ÇÏ´Â ÇÔ¼ö
function time_paser(i_time){
var PlyTime,PlyCl,PlyMin,PlySec,temp;
PlyTime=i_time;
temp=Math.floor(PlyTime/60);
PlySec=Math.floor(PlyTime%60);
PlyClk=Math.floor(temp/60);
PlyMin=Math.floor(temp%60);
if (PlyMin <10) {PlyMin='0'+PlyMin;}
if (PlySec <10) {PlySec='0'+PlySec;}
if (PlyClk==0){r_TimeText=PlyMin+':'+PlySec;}else{r_TimeText=PlyClk+':'+PlyMin+':'+PlySec;}
return r_TimeText;
}
function player_pause()
{ // ÀϽÃÁ¤Áö
if(player.playState == 2)
{ // ÀϽà Á¤Áö»óÅ¿¡¼ pause ¹öÆ°À» ´©¸£¸é ±× ½ÃÁ¡ºÎÅÍ ´Ù½Ã Àç»ýµÇ¾î¾ß ÇÔ.
player.controls.play();
}
else
{
if(player.controls.isAvailable('pause'))
{
player.controls.pause();
}
}
}
// ¹öÆÛ¸µ °úÁ¤À» Ç¥½ÃÇÏ´Â ÇÔ¼ö
function UpdateBuffer()
{
// ¹öÆÛ¸µÀÌ ¾ó¸¶³ª µÇ¾ú´ÂÁö¸¦ ³ªÅ¸³»´Â °ÍÀº player.network.bufferingProgress ÀÔ´Ï´Ù.
document.all["state"].innerHTML = player.network.bufferingProgress + "% ¹öÆÛ¸µ Áß....";
}
// ¹Ýº¹ µ¿ÀÛÀ» °¡¸®Å°´Â º¯¼ö
var showBuffer;
function PlayerState(state)
{
var oMedia = player.currentMedia;
switch(state) {
case 1 :
document.all["state"].innerHTML = "Á¤Áö";
break;
case 2 :
// 2¹øÀº pasue(ÀϽÃÁ¤Áö)µÇ¾úÀ» ¶§
document.all["state"].innerHTML = "ÀϽÃÁ¤Áö";
break;
case 3 :
document.all["state"].innerHTML = "<marquee scrollamount=3>" + oMedia.getItemInfo('Title') + " - " + oMedia.getItemInfo('Author') + "</marquee>";
LoadPlayTime();
break;
case 4 :
// ¹öÆÛ¸µÀÌ ´Ù µÇ°í À½¾ÇÀÌ ½ÃÀ۵Ǵ ½ÃÁ¡À̹ǷΠ¹öÆÛ¸µ Ç¥½ÃÇÏ´Â ¹Ýº¹ÀÛ¾÷À» ÇØÁ¦ÇÕ´Ï´Ù.
clearInterval(showBuffer);
// À½¾ÇÀÌ ½ÃÀÛÀÌ µÇ°í ÀÖÀ¸¹Ç·Î, ÀÌ ¶§¿¡ ½Ã°£À» Ç¥½ÃÇÏ´Â ÇÔ¼ö¸¦ È£ÃâÇÕ´Ï´Ù.
// LoadPlayTime();
document.all["state"].innerHTML = "<marquee scrollamount=3>" + playTitle[playList] + " - " + playSinger[playList] + " (" + (+1) + "/" + playCount + ")</marquee>";
break;
case 6 :
// 6¹øÀº ¹öÆÛ¸µ ÁßÀÏ ¶§
// °Á 3±îÁö´Â ±×³É "¹öÆÛ¸µ...."À̶ó°í¸¸ Ç¥½Ã¸¦ ÇØÁá´Âµ¥,
// ¸ðµ© »ç¿ëÀÚ, ÇØ¿Ü »ç¿ëÀÚ, ÀÎÅͳÝÀÌ ´À¸° »ç¹«½Ç, Çб³, °ø°ø ±â°üµî¿¡¼´Â
// ¹öÆÛ¸µ °úÁ¤ÀÌ ¸ØÃçÁø Çö»óÀÎÁö ȤÀº ¾ó¸¶³ª Áö±Ý ¹öÆÛ¸µÀÌ µÇ°í ÀÖ´ÂÁö È®ÀÎ ½ÃÄÑÁÖ´Â °Íµµ
// Áß¿äÇÑ °Í ÁßÀÇ ÇϳªÀÔ´Ï´Ù.
// setIntervalÀº ÁÖ±âÀûÀ¸·Î ¾î¶² ½ÇÇàÀ» ¹Ýº¹½ÃÅ°´Â ¿ªÈ°À» ÇÔ. ´ÙÀ½Àº 0.2Ãʸ¶´Ù UpdateBuffer¸¦ ½ÇÇàÇÔ.
showBuffer = setInterval("UpdateBuffer();", 200);
break;
}
}
</script>
<script language="JScript" for="player" event="playStateChange(NewState)">PlayerState(NewState);window.status=NewState;</script>
</head>
<body >
<!-- Windows Media Player 9 ¿ÀºêÁ§Æ®
ÇÊ¿äÇÑ ¸î°¡Áö¸¦ ¼³Á¤À» ÇØ¾ß Çϳª, ¼³Á¤À» ¾È ÇÏ¸é ±âº» °ªÀÌ Àû¿ëÀÌ µË´Ï´Ù.
µû¶ó¼ ²À ÇÊ¿äÇÑ °Í¸¸ °ªÀ» Àû¿ë½ÃÅ°¸é µÇ´Âµ¥, Å©±â¸¦ width=0 height=0 À¸·Î ÇÏ¿´±â ¶§¹®¿¡,
Àç»ý¿¡ °ü·ÃµÈ ºÎºÐ¸¸ °Çµå·Á ÁÖ¸é µË´Ï´Ù.
Áß¿äÇÑ °ÍÀº Àç»ý½Ãų ÆÄÀÏÀÌ°ÚÁÒ. ¿¹Á¦¸¦ »ì¸®±â À§ÇØ ÀÏ¹Ý À½¾ÇÁÖ¼Ò°¡ ¾Æ´Ñ, µû·Î ¸¸µç asx ÆÄÀÏÀ» Àç»ýÇÕ´Ï´Ù.
-->
<object id=player name=player width=0 height=0 classid='clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6' type='application/x-oleobject'>
<param name="playcount" value="1">
<param name="volume" value="100">
<param name="url" value="mms://media1.ike.co.kr/ike/free/070721_TOEIC04.wmv">
</object>
<!-- À¥Ç÷¹ÀÌ¾î ¹è°æÀ¸·Î »ç¿ëÇÒ À̹ÌÁö -->
<table cellpadding=0 cellspacing=0 border=0 width=300>
<tr><td><img src="002.gif" border=0 usemap="#ImageMap1" width="360" height="87"></td></tr>
</table>
<!-- Á¤º¸¸¦ Ç¥½ÃÇϱâ À§ÇÑ ·¹À̾î -->
<div id="state" style="width:180px; height:18px; position:absolute; left:63px; top:26px; z-index:1;"><marquee scrollamount=3>À¥Ç÷¹ÀÌ¾î ¸¸µé±â~</marquee></div><!-- À̹ÌÁöÀÇ ¹öÆ°¿¡ ¸µÅ© °É±â -->
<div id="play_time" align=right style="width:77px; height:36px; position:absolute; left:260px; top:41px; z-index:2;"><font color=#000000>00:00 / 00:00</font></div>
<map name="ImageMap1">
<area shape="rect" coords="26, 35, 37, 47" href="#" onclick="javascript:player.controls.Play();return false;" href='#' style="cursor:hand;" onfocus="this.blur();" alt="Àç»ý">
<area shape="rect" coords="42, 35, 53, 47" href="#" onclick="javascript:player.controls.Stop();return false;" href='#' style="cursor:hand;" onfocus="this.blur();" alt="Á¤Áö">
<area shape="rect" coords="61, 35, 70, 47" href="#" onclick="javascript:player.controls.pause();return false;" href='#' style="cursor:hand;" onfocus="this.blur();" alt="ÀϽÃÁ¤Áö">
</map></body>
</html>
|
|
̵̧ : 679 |
̵̧
¸ñ·Ï
|
|
|  |
|