:::: 개발 ::::/::: JSCRIPT :::

기능 많은 미디어 재생기

nayha 2010. 5. 13. 16:11
반응형


<!--#include virtual = "/WZ_CMS/include/setup.inc.asp"-->
<!--#include virtual = "/WZ_CMS/include/variables.inc.asp"-->
<!--#include virtual = "/WZ_CMS/include/strconnect.inc.asp"-->
<!--#include virtual = "/WZ_CMS/include/function.class.asp"-->
<!--#include virtual = "/WZ_CMS/media/conf.asp"-->
<%
 Dim Func
 Dim tbcode
 Dim code
 Dim seq
 Dim dirPath
 Dim tb_name

 Dim rs_seq
 Dim rs_code
 Dim rs_username
 Dim rs_userid
 Dim rs_passwd
 Dim rs_email
 Dim rs_title
 Dim rs_hit
 Dim rs_reg_date
 Dim rs_thread
 Dim rs_depth
 Dim rs_user_ip
 Dim rs_replymail
 Dim rs_attenflag
 Dim rs_content_type
 Dim rs_content
 Dim rs_attachfiles
 Dim rs_attachsizes
 Dim rs_attachsizerealsum
 Dim rs_delkey
 Dim rs_mmsurl 
 Dim rs_field1
 Dim rs_field2
 Dim rs_field3
 Dim rs_field4
 Dim rs_field5


 Set Func = New ASPFunc

 tbcode = Trim(Request("tbcode"))
 code = Trim(Request("code"))
 seq = Trim(Request("seq"))

 tb_name = "WZCMS_Media_"&tbcode

 dirPath = Public_Media_Conf

 Call readBoardConf(tbcode,dirPath)
 
 tb_name = "WZCMS_Media_"&tbcode

 '게시물확인
 public_sp = "Exec WZSP_board_view '" & tb_name & "'," & seq

 Func.DbOpen

  rs.CursorLocation = adUseClient  
  rs.Open public_sp, db, adOpenForwardOnly, adLockReadOnly, adCmdText    

   rs_code = rs("code")
   rs_username = rs("username")
   rs_userid = rs("userid")
   rs_passwd = trim(rs("passwd"))
   rs_email = rs("email")
   rs_title = rs("title")
   rs_hit = rs("hit")
   rs_reg_date = rs("reg_date")
   rs_thread = rs("thread")
   rs_depth = rs("depth")
   rs_user_ip = rs("user_ip")
   rs_replymail = rs("replymail")
   rs_attenflag = rs("attenflag")
   rs_content_type = rs("content_type")
   rs_content = rs("content")
   rs_attachfiles = rs("attachfiles")
   rs_attachsizes = rs("attachsizes")
   rs_attachsizerealsum = rs("attachsizerealsum")   
   rs_delkey = rs("delkey")
   rs_mmsurl = rs("mmsurl")
   rs_field1 = rs("field1")
   rs_field2 = rs("field2")
   rs_field3 = rs("field3")
   rs_field4 = rs("field4")
   rs_field5 = rs("field5")
     
  Set rs.ActiveConnection = Nothing
  rs.close
 Func.DbClose


 if trim(rs_delkey) = "1" then
  Response.Write "<script language='javascript'>"
  Response.Write "alert('삭제된 게시물입니다');"
  Response.Write "window.close();"
  Response.Write "</script>"
  Response.end
 end if

 if boardConf_boardReadPermit < 10 then
  if (Session("SS_member_level") = "") or (cint(boardConf_boardReadPermit) < cint(Session("SS_member_level"))) then
   Response.Write "<script language='javascript'>"
   Response.Write "alert('읽기 권한회원이 아닙니다');"
   Response.Write "window.close();"
   Response.Write "</script>"
   Response.End
  end if
 elseif boardConf_boardReadPermit = 200 then           '글쓴이만 읽기
  if Session("SS_member_level") <> "1" and trim(rs_userid) <> trim(Session("SS_member_id")) then
   Response.Write "<script language='javascript'>"
   Response.Write "alert('읽기 권한회원이 아닙니다');"
   Response.Write "window.close();"
   Response.Write "</script>"
   Response.End
  end if
 end if

 


 '조회수 증가
 public_sp = "Exec WZSP_board_hit '" & tb_name & "'," & seq
 Func.DbOpen
  db.Execute public_sp
 Func.DbClose


 
%>

<HTML>
<HEAD>
<TITLE>Media Player</TITLE>
<LINK REL="StyleSheet" TYPE="text/css" HREF="vodstyle.css">

<SCRIPT>
<!--

function ResizeWindow(intV1, intV2)
{
 intW = intV1;
 intH = intV2;
 window.moveTo(screen.availWidth/2-intW/2, screen.availHeight/2-intH/2);
 window.resizeTo(intW, intH);
}

//-->
</SCRIPT>
<SCRIPT FOR="document" EVENT="oncontextmenu">return false;</SCRIPT>
<SCRIPT FOR="document" EVENT="onselectstart">return false;</SCRIPT>
<SCRIPT FOR="document" EVENT="ondragstart">return false;</SCRIPT>
<SCRIPT LANGUAGE="Javascript" FOR="document" EVENT="onmousedown">
if((event.button==2) || (event.button==3)) {
 alert("오른쪽 버튼은 사용하실 수 없습니다");
 return false;
}
</SCRIPT>
<SCRIPT LANGUAGE="Javascript" FOR="document" EVENT="onkeydown">
if(event.keyCode==8) { alert('Back키는 사용 불가능합니다.'); return false; }
if(event.keyCode==16) { alert('Shift키는 사용 불가능합니다.'); return false; }
if(event.keyCode==17) { alert('Ctrl키는 사용 불가능합니다.'); return false; }
if(event.keyCode==18) { alert('Alt키는 사용 불가능합니다.'); return false; }
if(event.keyCode==93) { alert('메뉴키는 사용 불가능합니다.'); return false; }
if(event.keyCode==41) { alert('메뉴키는 사용 불가능합니다.'); return false; }
</SCRIPT>
<SCRIPT LANGUAGE="Javascript">
<!--
function resizeIframe(fr) {
  fr.setExpression('height',FrmMediaContent.document.body.scrollHeight);
  fr.setExpression('width',FrmMediaContent.document.body.scrollWidth);
}
//-->
</SCRIPT>
</HEAD>

<BODY BOTTOMMARGIN = "0" RIGHTMARGIN = "0" MARGINWIDTH = "0" MARGINHEIGHT = "0" LEFTMARGIN = "0" TOPMARGIN = "0">


<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" ALIGN="center" WIDTH=100% HEIGHT=100% BACKGROUND = "Images/Background.gif">

<TR>
<TD VALIGN="top" NOWRAP>


 <% ' 플레이어와 오른쪽 설명창 분리 시작(2Col) %>
 <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">
 
 <TR>
 <TD VALIGN="top" NOWRAP>
 
 
  <% ' 제목창, 플레이어창, 북마크창 분리 시작(2Row) %>
  <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">

  <TR>
  <TD VALIGN="top" NOWRAP>
  
   <% ' 제목창 시작 %>
   <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">
   
   <TR>
   <TD>
   
    <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

    <TR>
    <TD WIDTH="69"><IMG SRC="Images/Img1_Left.gif" BORDER="0" VALIGN="absmiddle"></TD>
    <TD STYLE="padding-top:8px;">
    <LABEL STYLE = "width:100%;font-size:10pt;font-weight:bold;"><%=rs_title%></LABEL>
    </TD>
    <TD WIDTH="11"><IMG SRC="Images/Img1_Right.gif" BORDER="0" VALIGN="absmiddle"></TD>
    </TR>
    
    </TABLE>
   
   </TD>
   </TR>
   
   </TABLE>
   <% ' 제목창 끝 %>
  
  </TD>
  </TR>
  
  <TR>
  <TD VALIGN="top" NOWRAP>
  
   <% ' 플레이어창 시작 %>
   <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%" HEIGHT="100%" BGCOLOR="#c0c0c0">
   
   <TR>
   <TD VALIGN="top" NOWRAP>
   
    <% ' 플레이어 상단, 플레이어, 하단메뉴 분리 시작 %>
    <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">

    <TR>
    <TD VALIGN="top" NOWRAP HEIGHT="31">
    
     <% ' 플레이어 상단 시작 %>
     <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

     <TR>
     <TD VALIGN="top" NOWRAP>

      <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

      <TR>
      <TD WIDTH="13">
       <IMG SRC="Images/Img2_Left.gif" BORDER="0" VALIGN="absmiddle"></TD>
      <TD BACKGROUND="Images/Img2_Back.gif" ALIGN="center">&nbsp;
       <!--
       <IMG SRC="/upload_data/logo/EMPTitle.gif" BORDER="0" VALIGN="absmiddle">
       -->
      </TD>
      <TD WIDTH="16">
       <IMG SRC="Images/Img2_Right.gif" BORDER="0" VALIGN="absmiddle"></TD>
      </TR>
      
      </TABLE>
     
     </TD>
     </TR>
     
     </TABLE>
     <% ' 플레이어 상단 끝 %>
    
    </TD>
    </TR>
    
    <TR>
    <TD>
    
     <% ' 플레이어 시작 %>
     <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">

     <TR>
     <TD VALIGN="top" NOWRAP>
     
      <SCRIPT LANGUAGE="JavaScript">
      function ClickBtnWide(CtrlNm)
      {
       if(CtrlNm.src.indexOf('RightLayerShow') > 0)
       {
        CtrlNm.src = "Images/RightLayerHide.gif";

        if(PlayerMode == '100%'){
         ResizeWindowAll('100');
        }else if(PlayerMode == '200%'){       
         ResizeWindowAll('200');
        }

       }
       else if(CtrlNm.src.indexOf('RightLayerHide') > 0)
       {
        CtrlNm.src = "Images/RightLayerShow.gif";
        
        if(PlayerMode == '100%'){
         ResizeWindowAll('100X');
        }else if(PlayerMode == '200%'){       
         ResizeWindowAll('200X');
        }

       }
      }
      function MOverBtnWide(CtrlNm)
      {
       if(CtrlNm.src.indexOf('RightLayerShow') > 0 || CtrlNm.src.indexOf('RightLayerHide') > 0)
       {
        CtrlNm.style.cursor = "hand";
       }
       else
       {
        CtrlNm.style.cursor = "default";
       }
      }
      </SCRIPT>
     
      <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">

      <TR>
      <TD WIDTH="10"
       BACKGROUND = "Images/Img3_LeftBack.gif"
      >
      </TD>
      <TD align="CENTER">
      <OBJECT
       ID  = "EzMediaPlayer"
       WIDTH  = "100%"
       HEIGHT  = "100%"
       CLASSID = "CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
      >
      </OBJECT>
      </TD>
      <TD WIDTH="11"
       BACKGROUND = "Images/Img3_RightBack.gif"
      ><IMG
       ID  = "RightLayerCtrl"
       SRC  = "Images/Img3_Button.gif" BORDER="0" VALIGN="absmiddle"
       ONMOUSEOVER = "MOverBtnWide(this);"
       ONCLICK = "ClickBtnWide(this);"
      ></TD>
      </TR>
      
      </TABLE>
     
     </TD>
     </TR>
     
     </TABLE>
     <% ' 플레이어 끝 %>
    
    </TD>
    </TR>
    
    <TR>
    <TD VALIGN="top" NOWRAP HEIGHT="80">
    
     <% ' 플레이어 메뉴 시작 %>
     <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

     <TR>
     <TD VALIGN="top" NOWRAP>
     
      <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

      <TR>
      <TD WIDTH="10"><IMG
       SRC="Images/Img4_Left.gif" BORDER="0" VALIGN="absmiddle"
      ></TD>
      <TD BACKGROUND="Images/Img4_Back.gif" VALIGN="top" NOWRAP>
      
       <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

       <TR HEIGHT="9"><TD VALIGN="top" NOWRAP></TD></TR>
      
       <TR HEIGHT="9">
       <TD VALIGN="top" NOWRAP>
       
        <% ' 상태바 테이블 시작 %>
        <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

        <TR>
        <TD VALIGN="top" NOWRAP WIDTH="12"><IMG
         SRC="Images/TrackBar_Left.gif" BORDER="0" VALIGN="absmiddle"
        ></TD>
        <TD WIDTH=100%>
        
         <TABLE STYLE="padding-top:0px;" HEIGHT=4 WIDTH=100% CELLSPACING="0" CELLPADDING="0" BORDER="0" ALIGN="center">

         <TR>
         <TD ONCLICK="ClickTrackBar();">
         
          <TABLE ID="TrackBackground" STYLE="width:0;" WIDTH=0 HEIGHT=4 CELLSPACING="0" CELLPADDING="0" BORDER="0" BGCOLOR="#A9A9A9">
          <TR><TD></TD></TR>
          </TABLE>
          
         </TD>
         </TR>
         
         </TABLE>
        
        </TD>
        <TD VALIGN="top" NOWRAP WIDTH="12"><IMG
         SRC="Images/TrackBar_Right.gif" BORDER="0" VALIGN="absmiddle"
        ></TD>
        </TR>
        
        </TABLE>
        <% ' 상태바 테이블 끝 %>
       
       </TD>
       </TR>
       
       <TR HEIGHT="62">
       <TD VALIGN="top" NOWRAP>
       
        <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH=100%>

        <TR>
        <% ' 플레이어 시작,일시중지,중지.. 버튼 시작 %>
        <TD WIDTH=202 VALIGN="top" NOWRAP NOWRAP><IMG
         SRC="Images/BtnPrev.gif" BORDER="0" VALIGN="absmiddle"
         ONMOUSEOVER = "this.src = 'Images/BtnPrev_on.gif'"
         ONMOUSEOUT = "this.src = 'Images/BtnPrev.gif'"
         ALT  = "10초 이전으로"
         ONCLICK = "MoveTime(-10);"
         STYLE  = "cursor:hand;"
        ><IMG
         SRC="Images/BtnPlay.gif" BORDER="0" VALIGN="absmiddle"
         ONMOUSEOVER = "this.src = 'Images/BtnPlay_on.gif'"
         ONMOUSEOUT = "this.src = 'Images/BtnPlay.gif'"
         ALT  = "시작"
         ONCLICK = "Play();"
         STYLE  = "cursor:hand;"
        ><IMG
         SRC="Images/BtnPause.gif" BORDER="0" VALIGN="absmiddle"
         ONMOUSEOVER = "this.src = 'Images/BtnPause_on.gif'"
         ONMOUSEOUT = "this.src = 'Images/BtnPause.gif'"
         ALT  = "일시중지"
         ONCLICK = "Pause();"
         STYLE  = "cursor:hand;"
        ><IMG
         SRC="Images/BtnStop.gif" BORDER="0" VALIGN="absmiddle"
         ONMOUSEOVER = "this.src = 'Images/BtnStop_on.gif'"
         ONMOUSEOUT = "this.src = 'Images/BtnStop.gif'"
         ALT  = "중지"
         ONCLICK = "Stop();"
         STYLE  = "cursor:hand;"
        ><IMG
         SRC="Images/BtnNext.gif" BORDER="0" VALIGN="absmiddle"
         ONMOUSEOVER = "this.src = 'Images/BtnNext_on.gif'"
         ONMOUSEOUT = "this.src = 'Images/BtnNext.gif'"
         ALT  = "10초 다음으로"
         ONCLICK = "MoveTime(10);"
         STYLE  = "cursor:hand;"
         
        ></TD>
        <% ' 플레이어 시작,일시중지,중지.. 버튼 끝 %>
      
        <TD WIDTH=100% NOWRAP></TD>
        
        <% ' 상태바, Volume 제어... 시작 %>
        <TD WIDTH=220 VALIGN="top" NOWRAP NOWRAP>
        
         <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH=100% NOWRAP>
         
         <TR HEIGHT="8"><TD></TD></TR>
         
         <TR>
         <TD HEIGHT=18 BGCOLOR="black" ALIGN="center">
         
          <% ' 상태바 표시 시작 %>
          
          <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH=100% HEIGHT=100%
           STYLE = "border:2px inset #ffffff;"
          >
         
          <TR>
          <TD STYLE="color:white">
          <LABEL
           ID  = "LblPlayState"
           STYLE  = "padding-top:2px;height:14px;color:yellow;text-align:center;font-wize:11px;width:60px;"
          ></LABEL>
          &nbsp;&nbsp;
          <LABEL
           ID  = "LblCurrentTime"
           STYLE  = "padding-top:2px;height:14px;color:#00FF00;text-align:right;font-wize:11px;width:50px;"
          ></LABEL>
          &nbsp;/&nbsp;
          <LABEL
           ID  = "LblTotalTime"
           STYLE  = "padding-top:2px;height:14px;color:#00BFFF;text-align:left;font-wize:11px;width:50px;"
          ></LABEL>
          </TD>
          </TR>
          
          </TABLE>
          
          <% ' 상태바 표시 끝 %>
         
         </TD>
         </TR>
   
         <TR>
         <TD HEIGHT=34 ALIGN="right">
          
          <% ' Volume관련 표시 시작 %>
         
          <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">
         
          <TR>
          <TD><IMG
           SRC  = "Images/BtnSound_on.gif" BORDER="0" VALIGN="absmiddle"
           STYLE  = "cursor:hand;"
           ALT  = "소리 켜짐/꺼짐"
           ONCLICK = "SetMute(this);"
          ></TD>
          <TD><IMG
           SRC="Images/TxtVolumeMin.gif" BORDER="0" VALIGN="absmiddle"
          ></TD>
          <TD>
          
           <% ' Volume 트랙바 표시 시작 %>
           <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH=100% HEIGHT=11>
         
           <TR>
           <TD WIDTH=13 NOWRAP><IMG
            SRC="Images/VolumeBackLeft.gif"
            BORDER="0" VALIGN="absmiddle"
           ></TD>
           <TD WIDTH=100 NOWRAP BACKGROUND="Images/VolumeBack.gif">
           
            <TABLE WIDTH=100% HEIGHT=100% CELLSPACING="0" CELLPADDING="0" BORDER="0" ALIGN="center">

            <TR>
            <TD ONCLICK="ClickSoundBar();">
            
             <TABLE ID="SoundBackground" WIDTH=100% HEIGHT=3 WIDTH=0 CELLSPACING="0" CELLPADDING="0" BORDER="0" BGCOLOR="#FFD700">
             <TR><TD></TD></TR>
             </TABLE>
             
            </TD>
            </TR>
            
            </TABLE>
           
           </TD>
           <TD WIDTH=13 NOWRAP><IMG
            SRC="Images/VolumeBackRight.gif"
            BORDER="0" VALIGN="absmiddle"
           ></TD>
           </TR>
           
           </TABLE>
           <% ' Volume 트랙바 표시 끝 %>
          
          </TD>
          <TD><IMG
           SRC="Images/TxtVolumeMax.gif" BORDER="0" VALIGN="absmiddle"
          ></TD>
          </TR>
          
          </TABLE>
          
          <% ' Volume관련 표시 끝 %>
         
         </TD>
         </TR>
         
         </TABLE>

        
        </TD>
        <% ' 상태바, Volume 제어... 시작 %>
        </TR>
        
        </TABLE>
       
       </TD>
       </TR>
       
       </TABLE>
      
      </TD>
      <TD WIDTH="11"><IMG
       SRC="Images/Img4_Right.gif" BORDER="0" VALIGN="absmiddle"
      ></TD>
      </TR>
      
      </TABLE>
     
     </TD>
     </TR>
     
     </TABLE>
     <% ' 플레이어 메뉴 끝 %>
    
    </TD>
    </TR>
    
    </TABLE>
    <% ' 플레이어 상단, 플레이어, 하단메뉴 분리 끝 %>
   
   </TD>
   </TR>
   
   </TABLE>
   <% ' 플레이어창 끝 %>
  
  </TD>
  </TR>
  
  <TR>
  <TD VALIGN="top" NOWRAP HEIGHT=59>
  
   <% ' 북마크창 시작 %>
   <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%" BGCOLOR="#c0c0c0">
   
   <TR>
   <TD VALIGN="top" NOWRAP HEIGHT="9">
   
    <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

    <TR>
    <TD WIDTH=12><IMG
     SRC="Images/BMT1_Left.gif" BORDER="0" VALIGN="absmiddle"
    ></TD>
    <TD WIDTH=100% BACKGROUND="Images/BMT1_Back.gif"></TD>
    <TD WIDTH=13><IMG
     SRC="Images/BMT1_Right.gif" BORDER="0" VALIGN="absmiddle"
    ></TD>
    </TR>
    
    </TABLE>
   
   </TD>
   </TR>
   
   <TR>
   <TD VALIGN="top" NOWRAP HEIGHT=40>
   
    <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH=100% HEIGHT=100% BACKGROUND="Images/BMT23_Back.gif">

    <TR>
    <TD VALIGN="top" NOWRAP WIDTH=250>
    
     <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">

     <TR>
     <TD VALIGN="top" NOWRAP HEIGHT=20>
     
      <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">

      <TR>
      <TD VALIGN="top" NOWRAP><IMG
       SRC="Images/BMT2_Left.gif" BORDER="0" VALIGN="absmiddle"
      ></TD>
      <TD VALIGN="top" NOWRAP><IMG
       ID  = "BookMark1"
       SRC  = "Images/BtnBookMark1.gif" BORDER="0" VALIGN="absmiddle"
       ALT  = "북마크1"
       STYLE  = "cursor:hand;"
       ONCLICK = "SetBookMark(1, this);"
      ></TD>
      <TD VALIGN="top" NOWRAP><IMG
       ID  = "BookMark2"
       SRC  = "Images/BtnBookMark2.gif" BORDER="0" VALIGN="absmiddle"
       ALT  = "북마크2"
       STYLE  = "cursor:hand;"
       ONCLICK = "SetBookMark(2, this);"
      ></TD>
      <TD VALIGN="top" NOWRAP><IMG
       ID  = "BookMark3"
       SRC  = "Images/BtnBookMark3.gif" BORDER="0" VALIGN="absmiddle"
       ALT  = "북마크3"
       STYLE  = "cursor:hand;"
       ONCLICK = "SetBookMark(3, this);"
      ></TD>
      <TD VALIGN="top" NOWRAP><IMG
       ID  = "BookMark4"
       SRC  = "Images/BtnBookMark4.gif" BORDER="0" VALIGN="absmiddle"
       ALT  = "북마크4"
       STYLE  = "cursor:hand;"
       ONCLICK = "SetBookMark(4, this);"
      ></TD>
      <TD VALIGN="top" NOWRAP><IMG
       ID  = "BookMark5"
       SRC  = "Images/BtnBookMark5.gif" BORDER="0" VALIGN="absmiddle"
       ALT  = "북마크5"
       STYLE  = "cursor:hand;"
       ONCLICK = "SetBookMark(5, this);"
      ></TD>
      </TR>
      
      </TABLE>
     </TD>
     </TR>
  
     <TR>
     <TD VALIGN="top" NOWRAP HEIGHT=20>
      <TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="100%"><TR><TD><IMG    SRC="Images/BMT3_Left.gif" BORDER="0" VALIGN="absmiddle"></TD><TD align="right"><a href="http://www.withzone.co.kr" target="_blank"><IMG    SRC="Images/withzonelogo.gif" BORDER="0" VALIGN="absmiddle"></a></TD></TR></TABLE></TD>
     </TR>
     
     </TABLE>

    
    </TD>

    <TD WIDTH=100%>&nbsp;</TD>


    <TD VALIGN="top" NOWRAP WIDTH=150 ALIGN="right">
    
    
     <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">

     <TR>
     <TD VALIGN="top" NOWRAP WIDTH=100% ALIGN=RIGHT><IMG
      ID  = "ResizeAuto"
      SRC  = "Images/Btn200.gif" BORDER="0" VALIGN="absmiddle"
      ONCLICK = "ResizePlayer('Auto');"
      STYLE  = "cursor:hand;"
     ><IMG
      SRC="Images/BtnFull.gif" BORDER="0" VALIGN="absmiddle"
      ONCLICK = "ResizePlayer('Full');"
      STYLE  = "cursor:hand;"
     ></TD>
     <TD VALIGN="top" NOWRAP WIDTH=15><IMG
      SRC="Images/BMT23_Right.gif" BORDER="0" VALIGN="absmiddle"
     ></TD>
     </TR>
     
     </TABLE>
    </TD>
    </TR>
    
    </TABLE>
   
   </TD>
   </TR>
   
   <TR>
   <TD VALIGN="top" NOWRAP HEIGHT=10>
   
    <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">

    <TR>
    <TD WIDTH=12><IMG
     SRC="Images/BMT4_Left.gif" BORDER="0" VALIGN="absmiddle"
    ></TD>
    <TD WIDTH=100% BACKGROUND="Images/BMT4_Back.gif"></TD>
    <TD WIDTH=13><IMG
     SRC="Images/BMT4_Right.gif" BORDER="0" VALIGN="absmiddle"
    ></TD>
    </TR>
    
    </TABLE>
   
   </TD>
   </TR>
   
   </TABLE>
   <% ' 북마크창 끝 %>
  
  </TD>
  </TR>
  
  </TABLE>
  <% ' 플레이어와 북마크창 분리 끝 %>
 
 
 </TD>
 <TD VALIGN="top" NOWRAP>

  <SCRIPT LANGUAGE="JavaScript">
  var ThisRightMenu = null;
  
  function MOverBtnRight(CtrlNm)
  {
   if(CtrlNm != ThisRightMenu)
    CtrlNm.className = "RBtnOver";
  }
  
  function MOutBtnRight(CtrlNm)
  {
   if(CtrlNm != ThisRightMenu)
    CtrlNm.className = "RBtnOut";
  }
  
  function MOutBtnClick(CtrlNm)
  {
   if(ThisRightMenu == null)
   {
    ClickRightMenu(CtrlNm);
   }
   else
   {
    if(CtrlNm != ThisRightMenu)
    {
     ThisRightMenu.className = "RBtnOut";
     ThisRightMenu.src = ThisRightMenu.src.replace('_on', '_off');
     ClickRightMenu(CtrlNm);
    }
   }
  }
  
  function ClickRightMenu(CtrlNm)
  {
   ThisRightMenu = CtrlNm;
   CtrlNm.className = "RBtnClick";
   CtrlNm.src = CtrlNm.src.replace('_off', '_on');

   if(CtrlNm.id == "INFO1")
   {
    FrmMediaContent.location.href = "#";
   }
   else if(CtrlNm.id == "INFO2")
   {
    FrmMediaContent.location.href = "#";
   }
   else if(CtrlNm.id == "INFO3")
   {
    FrmMediaContent.location.href = "#";
   }
   else if(CtrlNm.id == "INFO4")
   {

    FrmMediaContent.location.href = "#";
   }
  
  }
  </SCRIPT>
  
  <STYLE TYPE="text/css">
  .RBtnOver
  {
   border:1px outset #ffffff;
   cursor:hand;
  }
  .RBtnOut
  {
   border:1px outset #ffffff;
   cursor:default;
  }
  .RBtnClick
  {
   border:1px inset #ffffff;
   cursor:default;
  }
  </STYLE>
 


  <% ' 오른쪽 설명창 시작 %>
  <DIV
   ID  = "RightLayer"
   STYLE  = "display:none;"
  >
  <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH=300 HEIGHT=678 BACKGROUND="Images/Background.gif"
   STYLE = "border-right:1px solid #636163;border-bottom:1px solid #636163;"
  >

  <TR>
  <TD VALIGN="top" NOWRAP>
  
   <BR>

   <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="290" HEIGHT=660 ALIGN="center" id="vodRightTable">
   <!-- 방송스킨 오른쪽 메뉴버튼테이블-->
   
   <TR HEIGHT=50>
   <TD align="CENTER">

    <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" ALIGN="center" WIDTH=290 HEIGHT=50 BACKGROUND="Images/BtnRightBack.gif">
    <TR>
    <TD ALIGN="center" STYLE="padding-top:1px;"><IMG
     ID  = "INFO1"
     SRC  = "Images/BtnRight1_off.gif"
     BORDER  = "0"
     VALIGN  = "absmiddle"
     CLASS  = "RBtnOut"
     ONMOUSEOVER = "MOverBtnRight(this);"
     ONMOUSEOUT = "MOutBtnRight(this);"
     ONCLICK = "MOutBtnClick(this);"
    ><IMG
     ID  = "INFO2"
     SRC  = "Images/BtnRight2_off.gif"
     BORDER  = "0"
     VALIGN  = "absmiddle"
     CLASS  = "RBtnOut"
     ONMOUSEOVER = "MOverBtnRight(this);"
     ONMOUSEOUT = "MOutBtnRight(this);"
     ONCLICK = "MOutBtnClick(this);"
    ><IMG
     ID  = "INFO3"
     SRC  = "Images/BtnRight3_off.gif"
     BORDER  = "0"
     VALIGN  = "absmiddle"
     CLASS  = "RBtnOut"
     ONMOUSEOVER = "MOverBtnRight(this);"
     ONMOUSEOUT = "MOutBtnRight(this);"
     ONCLICK = "MOutBtnClick(this);"
    ><IMG
     ID  = "INFO4"
     SRC  = "Images/BtnRight4_off.gif"
     BORDER  = "0"
     VALIGN  = "absmiddle"
     CLASS  = "RBtnOut"
     ONMOUSEOVER = "MOverBtnRight(this);"
     ONMOUSEOUT = "MOutBtnRight(this);"
     ONCLICK = "MOutBtnClick(this);"
    ></TD>
    </TR>
    
    </TABLE>
   
   </TD>
   </TR>

   <!-- 방송스킨 오른쪽 메뉴버튼테이블-->   

 

   <TR HEIGHT=10><TD></TD></TR>
   
   <TR HEIGHT=100%>
   <TD VALIGN="top" NOWRAP>
   
    <% ' 오른쪽 설명창 프레임 테두리 시작 %>
    <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%" HEIGHT=100%>

    <TR>
     <TD WIDTH=3>
     <IMG SRC="Images/RightTopLeft.gif" BORDER="0" VALIGN="absmiddle"></TD>
     <TD WIDTH=100% BACKGROUND="Images/RightTop.gif"></TD>
     <TD WIDTH=3><IMG SRC="Images/RightTopRight.gif" BORDER="0" VALIGN="absmiddle"></TD>
    </TR>
    
    <TR>
    <TD BACKGROUND="Images/RightCenterLeft.gif"></TD>
    <TD HEIGHT=100% BACKGROUND="Images/RightCenter.gif" ALIGN="center" valign="top">
     <br>
   
     <iframe title="iframe" frameborder="0" id="FrmMediaContent"  scrolling="no" src="#"  BACKGROUND="Images/RightCenter.gif"></iframe>
    </TD>
    <TD BACKGROUND="Images/RightCenterRight.gif"></TD>
    </TR>
    
    <TR>
    <TD><IMG
     SRC="Images/RightBottomLeft.gif" BORDER="0" VALIGN="absmiddle"
    ></TD>
    <TD BACKGROUND="Images/RightBottom.gif"></TD>
    <TD><IMG
     SRC="Images/RightBottomRight.gif" BORDER="0" VALIGN="absmiddle"
    ></TD>
    </TR>
        
    </TABLE>
    <% ' 오른쪽 설명창 프레임 테두리 끝 %>
       
   </TD>
   </TR>
   
   </TABLE>
  
  </TD>
  </TR>
  
  </TABLE>
  <% ' 오른쪽 설명창 끝 %>
  </DIV>
 
 </TD>
 </TR>
 
 </TABLE>
 <% ' 플레이어와 오른쪽 설명창 분리 끝 %>

 


</TD>
</TR>

</TABLE>
<% ' 테두리테이블 끝 %>


</BODY>

</HTML>

<DIV
 ID  = "TrackImg"
 STYLE  = "position:absolute;left:10;top:388;
    color:#ffff00;z-index:2;"
><IMG
 SRC  = "Images/TimeBar.gif"
 BORDER  = "0"
 VALIGN  = "absmiddle"
 STYLE  = "cursor:hand;"
 ONMOUSEDOWN = "InitTrackPosition();"
></DIV>

<DIV
 ID  = "SoundImg"
 STYLE  = "position:absolute;left:395;top:436;
    color:#ffff00;z-index:1;"
><IMG
 SRC  = "Images/VolumeBar.gif"
 BORDER  = "0"
 VALIGN  = "absmiddle"
 STYLE  = "cursor:hand;"
 ONMOUSEDOWN = "DragVolume();"
></DIV>

<SCRIPT LANGUAGE="JavaScript">

var TrackLeftMargin;
var TrackTopMargin;
var TrackImgWidth;
var TrackWidth;

var SoundLeftMargin;
var SoundTopMargin;
var SoundImgWidth;
var SoundWidth;

var blnSetPos  = false;
var blnDragSound = false;
var BookMark  = new Array(null, null, null, null, null);
var TmpX, TmpPosX;

function SetWH(intW, intH)
{
 EzMediaPlayer.style.width = intW;
 EzMediaPlayer.style.height = intH;
}

function SetURL(strURL)
{
 EzMediaPlayer.URL = strURL;
}

function SetUiMode(strUiMode)
{
 EzMediaPlayer.uiMode = strUiMode;
}

function SetEtcTotal
(
 blnAutoStart
 , blnEnableContextMenu
 , blnCtretchToFit
 , intRate
 , intVolume
)
{
 EzMediaPlayer.settings.autoStart  = blnAutoStart;
 EzMediaPlayer.enableContextMenu  = false;
 EzMediaPlayer.stretchToFit   = true;
 EzMediaPlayer.settings.rate   = intRate;
 EzMediaPlayer.settings.volume  = intVolume;
}

 

function Play()
{
 EzMediaPlayer.controls.play();
}

function Stop()
{
 EzMediaPlayer.controls.stop();
}

function Pause()
{
 EzMediaPlayer.controls.pause();
}

function MoveTime(intV)
{
 if(intV < 0)
 {
  if(EzMediaPlayer.controls.currentPosition < 10)
  {
   EzMediaPlayer.controls.currentPosition = 0;
  }
  else
  {
   EzMediaPlayer.controls.currentPosition -= 10;
  }
 }
 else
 {
  if(EzMediaPlayer.controls.currentPosition > (EzMediaPlayer.currentMedia.duration-10))
  {
   EzMediaPlayer.controls.currentPosition = EzMediaPlayer.currentMedia.duration;
  }
  else
  {
   EzMediaPlayer.controls.currentPosition += 10;
  }
 }
}

function SetMoviePosition(intTime)
{
 EzMediaPlayer.controls.currentPosition = intTime;
}

function SetBookMark(intIndex, CtrlNm)
{
 if(BookMark[intIndex-1] == null)
 {
  var TmpTime = EzMediaPlayer.controls.currentPosition;
  var conf = confirm("현재지점을 북마크" + intIndex + " 로 지정하시겠습니까?");
  if(conf)
  {
   BookMark[intIndex-1] = TmpTime;
   CtrlNm.src = CtrlNm.src.replace('.gif', '_on.gif');
   alert("북마크 하셨습니다!\n\n다음에 북마크" + intIndex + "을 클릭하시면 북마크지점부터 동영상을 보실수 있습니다       ");
  }
 }
 else
 {
  SetMoviePosition(BookMark[intIndex-1]);
 }
}

function SetMute(CtrlNm)
{
 if(EzMediaPlayer.settings.mute)
 {
  EzMediaPlayer.settings.mute = !EzMediaPlayer.settings.mute;
  CtrlNm.src = CtrlNm.src.replace('_off', '_on')
 }
 else
 {
  EzMediaPlayer.settings.mute = !EzMediaPlayer.settings.mute;
  CtrlNm.src = CtrlNm.src.replace('_on', '_off')
 }
}

 


function TrackBarMove()
{
 if(!blnSetPos)
 {
  try
  {
   TrackBackground.style.width = parseInt(TrackWidth * (EzMediaPlayer.controls.currentPosition / EzMediaPlayer.currentMedia.duration));
   TrackImg.style.pixelLeft = TrackLeftMargin + (TrackWidth * (EzMediaPlayer.controls.currentPosition / EzMediaPlayer.currentMedia.duration)) - (TrackImgWidth / 2);
   LblCurrentTime.innerText = EzMediaPlayer.controls.currentPositionString;
  }catch(e){}
 }
}

function ClickTrackBar()
{
 
 TrackImg.style.pixelLeft = event.clientX - TrackImgWidth/2;
 var NowTrackWidth = TrackImg.style.pixelLeft + TrackImgWidth/2 - TrackLeftMargin
 TrackBackground.style.width = NowTrackWidth;
 EzMediaPlayer.controls.currentPosition = parseInt(EzMediaPlayer.currentMedia.duration * (NowTrackWidth / TrackWidth));
}

function InitTrackPosition()
{
 TmpX   = event.clientX;
 TmpPosX  = TrackImg.style.pixelLeft;
 blnSetPos  = true;
 document.onmousemove = DragTrackPosition;
 if(document.all)
 {
  document.onmouseup = SetTrackPosition;
 }
}

function DragTrackPosition()
{
 if (blnSetPos)
 {
  var movePx = event.clientX - TmpX;
  blnTmp  = TmpPosX + movePx;
  if(blnTmp >= (TrackLeftMargin - (TrackImgWidth / 2)) && blnTmp <= (TrackLeftMargin - (TrackImgWidth / 2) + TrackWidth))
  {
   TrackImg.style.pixelLeft = blnTmp;
   TrackBackground.style.width = TrackImg.style.pixelLeft + (TrackImgWidth / 2) - TrackLeftMargin;
  }
 }

 return false;
}

function SetTrackPosition()
{
 if(blnSetPos)
 {
  blnMovePos = false;
  blnSetPos = false;
  EzMediaPlayer.controls.currentPosition = EzMediaPlayer.currentMedia.duration * ((TrackImg.style.pixelLeft - TrackLeftMargin + (TrackImgWidth/2)) / TrackWidth);
 }
}

function MouseOutTrack()
{
 blnSetPos = false;
}

function MouseOutVolume()
{
 blnDragSound = false;
}

function DragVolume()
{
 TmpX   = event.clientX;
 blnDragSound  = true;
 document.onmousemove = FnDragVolume;
 if(document.all)
 {
  document.onmouseup = new Function('blnDragSound = false');
 }
}

function FnDragVolume()
{
 try
 {
  if (blnDragSound)
  {
   var movePx = Math.ceil(TmpX - event.clientX);
   var ReVol = EzMediaPlayer.settings.volume - movePx;
   TmpX = event.clientX;
   if(ReVol >= 0 && ReVol <= 100)
   {
    SetVolume(ReVol);
   }
 
   return false;
  }
 }catch(e){}
}

function ClickSoundBar()
{
 SetVolume(Math.ceil(event.clientX - SoundLeftMargin));
}

function SetVolume(intVol)
{
 SoundImg.style.pixelLeft = parseInt(SoundLeftMargin + intVol - SoundImgWidth/2);
 EzMediaPlayer.settings.volume = intVol;
 SoundBackground.style.width = intVol;
}

 

function SetBtnDisabled()
{
 for(i=1; i<=5; i++)
 {
  eval("BookMark" + i).style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
  eval("BookMark" + i).style.cursor = "default";
  eval("BookMark" + i).disabled = true;
 }
}

function SetBtnEnabled()
{
 for(i=1; i<=5; i++)
 {
  eval("BookMark" + i).style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  eval("BookMark" + i).style.cursor = "hand";
  eval("BookMark" + i).disabled = false;
 }
}

function SetTrackSound(v1, v2, v3, v4, v5, v6, v7, v8)
{
 TrackLeftMargin = v1;
 TrackTopMargin = v2;
 TrackImgWidth  = v3;
 TrackWidth  = v4;
 
 SoundLeftMargin = v5;
 SoundTopMargin = v6
 SoundImgWidth  = v7;
 SoundWidth  = v8;
}

function InitVolume()
{
 SoundImg.style.top = SoundTopMargin;
 SoundImg.style.left = SoundLeftMargin + SoundWidth - (TrackImgWidth/2);
 SetVolume(EzMediaPlayer.settings.volume);
}

function InitTrackBar()
{
 TrackImg.style.top = TrackTopMargin;
 TrackImg.style.left = TrackLeftMargin - (TrackImgWidth/2);
}

function InitRightLayer(blnLayer)
{
 if(blnLayer)
 {
  RightLayerCtrl.src = "Images/RightLayerHide.gif"
 }
 else
 {
  RightLayerCtrl.src = "Images/Img3_Button.gif"
 }
}

var PlayerMode = '100%';

function ResizeWindowAll(sMode)
{
 if(sMode == '100')
 {
  ResizeWindow(465, 577);
  RightLayer.style.display = 'none';
 }
 else if(sMode == '200')
 {
  ResizeWindow(465+206, 577+162);
  RightLayer.style.display = 'none';
 }
 else if(sMode == '200X')
 {
  window.resizeTo(465+206, 577+162);
  RightLayer.style.display = 'none';
 }
}

 


function ResizePlayer(strMode)
{
 if(strMode == 'Auto')
 {
  if(PlayerMode == '100%')
  {
   ResizePlayer('200%');
  }
  else
  {
   ResizePlayer('100%');
  }
 }
 else if(strMode == '100%')
 {
  PlayerMode = '100%';
  ResizeAuto.src = 'Images/Btn200.gif'
  SetWH(434, 315);
  ResizeWindowAll('100');
  SetTrackSound(22, 388, 24, 409, 302, 436, 17, 100);
  InitVolume();
  InitTrackBar();
  InitRightLayer(false);
 }
 else if(strMode == '200%')
 {
  PlayerMode = '200%';
  ResizeAuto.src = 'Images/Btn100.gif'
  SetWH(640, 475);
  ResizeWindowAll('200');
  SetTrackSound(22, 388+160, 24, 409+206, 302+206, 436+160, 17, 100);
  InitVolume();
  InitTrackBar();
  InitRightLayer(false);
 }
 else if(strMode == 'Full')
 {
  if (EzMediaPlayer.playState == 3)
   EzMediaPlayer.fullScreen = 'true';
 }
}

SetURL('<%=rs_mmsurl%>');
SetUiMode('none');
SetEtcTotal(true, false, true, 1, 100);
SetTrackSound(22, 388, 24, 409, 302, 436, 17, 100);
ResizePlayer('100%');
</SCRIPT>


<SCRIPT LANGUAGE="javascript" FOR="window" EVENT="onload">
window.setInterval("TrackBarMove()", 500);
//FavorLecture.click();
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" FOR="EzMediaPlayer" EVENT="playStateChange(NewState)">
switch(NewState)
{
 
 <%' Undefined Windows Media Player %>

 case 0 :
  LblPlayState.innerText = "오류발생";
  break;
  
 <%' 중지상태 %>

 case 1 :
  LblPlayState.innerText = "정지됨";
  SetBtnDisabled();
  break;

 <%' 일시정지 %>

 case 2 :
  LblPlayState.innerText = "일시정지";
  break;

 <%' 재생중 %>
 case 3 :
  <%' 재생전체시간설정 %>
  LblTotalTime.innerText = currentMedia.durationString;
  LblPlayState.innerText = "재생중";
  SetBtnEnabled();
  break;

 <%' 버퍼링중 %>
 case 6 :
  LblPlayState.innerText = "버퍼링";
  break; 
 
 <%' 파일 받는중 %>
 case 7 :
  LblPlayState.innerText = "연결중";
  break;

 <%' 음악 끝 %>
 case 8 :
  LblPlayState.innerText = "재생완료";
  break;
 
 <%' 새로운 파일 준비 %>
 case 9 :
  LblPlayState.innerText = "연결중";
  break;

 <%' 재생 시작 준비 %>
 case 10 :
  LblPlayState.innerText = "연결중";
  break;

 default :
  break;
}
</SCRIPT>

반응형