웹마짱구's 블로그 :: 미디어 플레이어

미디어 플레이어

참고/웹개발 : 2006/12/26 17:18

var liWindowWidth100 = 415; // 초기 윈도우 넓이
var liWindowHeight100 = 445; // 초기 윈도우 높이
var liWindowWidth200 = 680;
var liWindowHeight200 = 660;
var liAddHeight = 145;

window.resizeTo(liWindowWidth100, liWindowHeight100);

//------------------------------------------------------------------------------
// 플레이어 상태 변화시 버튼효과...
//------------------------------------------------------------------------------
function lfButtonClick(lsButtonValue)
{
var loWMPlayer = ifrPlayer.WMPlayer;
var liPlayState = loWMPlayer.PlayState;

   switch(lsButtonValue)
   {
   // stop
   case "stop" :
   imgBtnPlay.src = "../player_img/skin1/button_play.gif";
   loWMPlayer.controls.stop();
   break;

   case "play" :
   if(liPlayState == 3)
   {
   imgBtnPlay.src = "../player_img/skin1/button_play.gif";
   loWMPlayer.controls.pause();
   }
   else
   {
   imgBtnPlay.src = "../player_img/skin1/button_stop_m.gif";
   loWMPlayer.controls.play();
   }

break;

   case "pre" :
   loWMPlayer.controls.previous();
   break;

   case "next" :
   loWMPlayer.controls.next();
   break;

case "mute" :
loWMPlayer.settings.mute = !ifrPlayer.WMPlayer.settings.mute;

   if(loWMPlayer.settings.mute)
   imgMute.src = "../player_img/skin1/btn_volume_2_off.gif";
   else
   imgMute.src = "../player_img/skin1/icon_speaker.gif";

break;

   case "full" :
   if(liPlayState == 3)
   {
   alert("Esc 를 누르면 원래 크기로 돌아옵니다.");
   loWMPlayer.fullScreen = "true";
   }
   else
   alert("재생중에 누르셔야 합니다.");

break;
}
}

//------------------------------------------------------------------------------
// 속도조절
//------------------------------------------------------------------------------
function lfSetSpeed(liValue, loSpan)
{
var loWMPlayer = ifrPlayer.WMPlayer;
var liPlayState = loWMPlayer.PlayState;

   if(!loWMPlayer.settings.IsAvailable("Rate"))
   {
   alert("속도조절 할수 없는 동영상 파일입니다.");
   exit;
   }

loWMPlayer.settings.rate = liValue;

   spanSpeed1.style.backgroundColor = "8438B5";
   spanSpeed2.style.backgroundColor = "8438B5";
   spanSpeed3.style.backgroundColor = "8438B5";
   spanSpeed4.style.backgroundColor = "8438B5";
   spanSpeed5.style.backgroundColor = "8438B5";

loSpan.style.backgroundColor = "A565C6";
}

   var is_large
   is_large = 100
   function change_menu(val){

   if(list_gu.value == "list" && val == "1"){ //리스트 열려있는데 리스트 버튼 또 누르면 닫아줌
   list_gu.value = "non"
   video_list.style.display = "none"
   folder_list.style.display = "none"

   if(is_large==100){
   window.resizeTo(liWindowWidth100, liWindowHeight100);
   }else{
   window.resizeTo(liWindowWidth200, liWindowHeight200);
   }
   }else if(list_gu.value == "folder" && val == "2"){ //무비폴더 열려있는데 열려있는데 리스트 버튼 또 누르면 닫아줌
   list_gu.value = "non"
   video_list.style.display = "none"
   folder_list.style.display = "none"
   if(is_large==100){
   window.resizeTo(liWindowWidth100, liWindowHeight100);
   }else{
   window.resizeTo(liWindowWidth200, liWindowHeight200);
   }
   }else{
   if(val =="1"){ //노래목록 메뉴
   list_gu.value = "list"
   video_list.style.display = "block"
   folder_list.style.display = "none"

   if(is_large==100){
   window.resizeTo(liWindowWidth100, liWindowHeight100+liAddHeight);
   }else{
   window.resizeTo(liWindowWidth200, liWindowHeight200+liAddHeight);
   }

   }else{ //뮤비폴더
   list_gu.value = "folder"
   video_list.style.display = "none"
   folder_list.style.display = "block"

   if(is_large==100){
   window.resizeTo(liWindowWidth100, liWindowHeight100+liAddHeight);
   }else{
   window.resizeTo(liWindowWidth200, liWindowHeight200+liAddHeight);
   }

}
}
}

//------------------------------------------------------------------------------
// 사이즈 변경할때... 100%, 200%
//------------------------------------------------------------------------------
function convert_size(val)
{
   if(val == 200)
   {
   if(list_gu.value == "non")
   window.resizeTo(liWindowWidth200, liWindowHeight200);
   else
   window.resizeTo(liWindowWidth200, liWindowHeight200+liAddHeight);

   tab1.width = 669;
   tab1.height = 609;
   tab2.width = 640;
   tab3.width = 652;
   tab4.width = 650;
   tab5.width = 648;
   tab6.width = 648;
   tab6.height= 482;
   tab7.width= 648;
   tab7.height=42;
   tab8.width= 635;
   tab9.width = 632;
   tab10.width = 630;
   tab11.width = 640;

   td1.background="../player_img/skin1/bg_player_02.gif";
   td2.background="../player_img/skin1/bg_condition_02.gif";
   td3.background="../player_img/skin1/bg_flow_off_02.gif";
   td4.width = "";

trackPosition.style.left =15;
trackPosition.style.top =535;

volcontrol.style.left = 625;
volcontrol.style.top = 572;

js_s.src = "../common/js/player_function_200.js";

   if(is_large != 200)
   {
   document.all.ifrPlayer.width = document.all.ifrPlayer.width * 2;
   document.all.ifrPlayer.height = document.all.ifrPlayer.height * 2;
   ifrPlayer.WMPlayer.width = ifrPlayer.WMPlayer.width * 2;
   ifrPlayer.WMPlayer.height = ifrPlayer.WMPlayer.height * 2;
   }

   is_large = 200;
   }
   else
   {
   if(list_gu.value == "non")
   window.resizeTo(liWindowWidth100, liWindowHeight100);
   else
   window.resizeTo(liWindowWidth100, liWindowHeight100+liAddHeight);

   tab1.width = 404;
   tab1.height = 395;
   tab2.width = 370;
   tab3.width = 387;
   tab4.width = 385;
   tab5.width = 383;
   tab5.height = 273;
   tab6.width = 383;
   tab6.height= 271;
   tab7.width= 383;
   tab7.height=42;
   tab8.width= 370;
   tab9.width = 370;
   tab10.width = 366;
   tab11.width = 380;

   td1.background="../player_img/skin1/bg_player_01.gif";
   td2.background="../player_img/skin1/bg_condition_01.gif";
   td3.background="../player_img/skin1/bg_flow_off_01.gif";
   td4.width=80;

trackPosition.style.left =15;
trackPosition.style.top =325;

   volcontrol.style.left = 365;
   volcontrol.style.top = 363;
   js_s.src = "../common/js/player_function.js";

   if(is_large != 100)
   {
   document.all.ifrPlayer.width = document.all.ifrPlayer.width / 2;
   document.all.ifrPlayer.height = document.all.ifrPlayer.height / 2;
   ifrPlayer.WMPlayer.width = ifrPlayer.WMPlayer.width / 2;
   ifrPlayer.WMPlayer.height = ifrPlayer.WMPlayer.height / 2;
   }

is_large = 100;
}
}

</SCRIPT>
</head>

<td width="25" style="padding-top:6px"><font style="color:ffffff;font-size:8pt">속도 </font></td>
   <td width="100" style="padding-top:6px">
   <span id="spanSpeed1" onClick="lfSetSpeed('0.5', this)" style="cursor:hand; background-color:8438B5"><font style="color:ffffff;font-size:8pt">0.5</font></span>
   <span id="spanSpeed2" onClick="lfSetSpeed('0.7', this)" style="cursor:hand; background-color:8438B5"><font style="color:ffffff;font-size:8pt">0.7</font></span>
   <span id="spanSpeed3" onClick="lfSetSpeed('1.0', this)" style="cursor:hand; background-color:8438B5"><font style="color:ffffff;font-size:8pt">1.0</font></span>
   <span id="spanSpeed4" onClick="lfSetSpeed('1.5', this)" style="cursor:hand; background-color:8438B5"><font style="color:ffffff;font-size:8pt">1.5</font></span>
   <span id="spanSpeed5" onClick="lfSetSpeed('2.0', this)" style="cursor:hand; background-color:8438B5"><font style="color:ffffff;font-size:8pt">2.0</font></span>
   </td>

   </td>
   </tr>
   </table>
   </td>
   </tr>
   </table>

<input type = "hidden" id = "list_gu" value = "non">

<span id="video_list" style="display:none">
<table id = "tab12" width="404" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td><img src="../player_img/skin1/bg_list_top.gif" width="404" height="31"></td>
</tr>
<tr>
   <td background="../player_img/skin1/bg_list.gif" align = "center" valign="top">
   <iframe width=385 height=75 name = "song_l" src='mv_song_list.php?musicvideo_code=1,' frameborder=0 marginheight=0 marginwidth=0 scrolling=yes ALLOWTRANSPARENCY="true"></iframe>
   </td>
</tr>
<tr>
   <td><img src="../player_img/skin1/bg_list_bottom.gif" width="404" height="39"></td>
</tr>
</table>
</span>

<span id="folder_list" style="display:none">
<table id = "tab13" width="404" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td><img src="../player_img/skin1/bg_list_top.gif" width="404" height="31"></td>
</tr>
<tr>
   <td background="../player_img/skin1/bg_list.gif" align = "center" valign="top">
   <iframe width=385 height=75 name = "song_l" src='mv_folder_list.php' frameborder=0 marginheight=0 marginwidth=0 scrolling=yes ALLOWTRANSPARENCY="true"></iframe>
   </td>
</tr>
<tr>
   <td><img src="../player_img/skin1/bg_list_bottom.gif" width="404" height="39"></td>
</tr>
</table>
</span>