홈으로 | 무료회원가입 | 아이디/비번찾기
추천음악방송
미디어 플레이어 객체 제어하기
13년 전
아래소스를 복사해서 그냥 사용하시면 됩니다.





<html>
<head>
<title>커뮤니티</title>
<script language="javascript">
<!--


/**
* 기본생성자
* @param obj:Player 객체
*/
function WindowMediaPlayer(obj,url,autostart)
{
this.player = obj;
    this.player.url = url;
    this.player.settings.autoStart = autostart;
    this.player.settings.rate = 1;
    if (autostart) player_play();
}

/**
* 미디어를 재생한다.
* @param mldom:mldom 객체
* @param autostart:자동 시작 여부
*/
function player_play()
{
    if (this.player.url == '') return;
    this.player.controls.play();
}

/**
* 미디어를 정지한다.
*/
function player_stop()
{
    if (this.player.url == '') return;
    this.player.controls.stop();
}

/**
* 미디어를 일시정지한다.
*/
function player_pause()
{
    if (this.player.url == '') return;
    this.player.controls.pause();
}

/**
* 미디어를 빨리감기한다.
*/
function player_fastForward()
{
    this.player.controls.fastForward();
}

/**
* 미디어를 되감기한다.
*/
function player_fastReverse()
{
    this.player.controls.fastReverse();
}

/**
* 미디어의 재생 속도를 조정한다.
* @param no:재생 속도
*/
function player_setRate(no)
{
    this.player.settings.rate = no;
    this.player.controls.play();
}

/**
* 미디어의 소리를 증가한다.
* @param no:재생 속도
*/
function player_addVolume(no)
{
    this.player.settings.volume += no;
}

/**
* 미디어의 소리를 조정한다.
* @param no:소리크기(0~100)
*/
function player_setVolume(no)
{
    this.player.settings.volume = no;
}

/**
* 미디어의 소리를 없앤다.
* @param v:음소거 여부(boolean)
*/
function player_mute(v)
{
    this.player.settings.mute = v;
}

/**
* 미디어의 크기를 조정한다.
* @param no:미디어 크기(0~4). 0:정상,1:절반,2:두배,3:전체화면
*/
function player_resize(no)
{
    if (this.player.url == '') return;
    var width = this.player.currentMedia.imageSourceWidth;
    var height = this.player.currentMedia.imageSourceHeight;
    var width_ctrl = 5;
    var height_ctrl = 75;

    if (this.player.uiMode == 'invisible') {
        width_ctrl = 0;
        height_ctrl = 0;
    } else if (this.player.uiMode == 'none') {
        width_ctrl = 0;
        height_ctrl = 0;
    } else if (this.player.uiMode == 'mini') {
        width_ctrl = 5;
        height_ctrl = 75;
    } else if (this.player.uiMode == 'full') {
        width_ctrl = 5;
        height_ctrl = 75;
    }

    this.player.stretchToFit = 'true';

    switch (no) {
        case 0:
         this.player.width = width + width_ctrl;
         this.player.height = height + height_ctrl;
         break;
        case 1:
         this.player.width = 0.5 * width + width_ctrl;
         this.player.height = 0.5 * height + height_ctrl;
         break;
        case 2:
         this.player.width = 2 * width + width_ctrl;
         this.player.height = 2 * height + height_ctrl;
         break;
        case 3:
         if (this.player.playState == 3) this.player.fullScreen = 'true';
         break;
    }
}

/**
* 미디어의 위치를 처음으로 옮긴다.
*/
function player_setPosStart()
{
    this.player.controls.currentPosition = 0;
}

/**
* 미디어의 위치를 마지막으로 옮긴다.
*/
function player_setPosEnd()
{
    if (this.player.url == '') return;
    this.player.controls.currentPosition = this.player.currentMedia.duration;
}

/**
* 미디어의 위치를 옮긴다
* @param no:옮길 위치(단위 초)
*/
function player_setPos(no)
{
    this.player.controls.currentPosition = no;
}

/**
* 미디어의 위치를 해당 프레임으로 옮긴다
* @param no:옮길 위치(단위 프레임)
*/
function player_setPosFrame(no)
{
    if (this.player.url == '') return;

    var fps = this.player.network.encodedFrameRate;
    if (fps > 0)
        this.player.controls.currentPosition = no / fps;
    
}

/**
* 미디어의 위치를 증가시킨다
* @param no:옮길 위치(단위 초)
*/
function player_addPos(no)
{
    this.player.controls.currentPosition += no;
}

/**
* 미디어의 위치를 해당 프레임만큼 증가시킨다
* @param no:옮길 위치(단위 프레임)
*/
function player_addPosFrame(no)
{
    if (this.player.url == '') return;

    var fps = this.player.network.encodedFrameRate;
    if (fps > 0)
        this.player.controls.currentPosition += no / fps;
}

/**
* 초기화
*/
function init_me()
{
var url = "mms://mmc.daumcast.net/mmc/1/500/0902600000101h.wmv";
var autostart = true;

// 플래이어 세팅
WindowMediaPlayer(Player,url,autostart);
}

//-->
</script>
</head>
<body onload="init_me()" oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
<table>
    <tr height="500">
        <td width="700">
            <OBJECT ID="Player" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="325" height="315">
                <PARAM name="URL" value="mms://mmc.daumcast.net/mmc/1/500/0902600000101h.wmv"/>
                <PARAM name="autostart" value="false"/>

                <PARAM name="enablecontextmenu" value="0"/>
            </object>
        </td>
    </tr>
</table>

<!--
<b>초기화 : </b>
<input type="button" value="초기화" onclick="init_me()">
<br>
-->

<b>재생 : </b>
<input type="button" value="재생" onclick="player_play();">
<input type="button" value="정지" onclick="player_stop();">
<input type="button" value="일시정지" onclick="player_pause();">
<input type="button" value="빨리감기" onclick="player_fastForward();">
<input type="button" value="되감기" onclick="player_fastReverse();">
<input type="button" value="2배속" onclick="player_setRate(2);">
<input type="button" value="3배속" onclick="player_setRate(3);">
<br/>

<b>소리 : </b>
<input type="button" value="+10" onclick="player_addVolume(10);">
<input type="button" value="-10" onclick="player_addVolume(-10);">
<input type="button" value="0%" onclick="player_setVolume(0);">
<input type="button" value="100%" onclick="player_setVolume(100);">
  음소거 <input type="checkbox" onclick="player_mute(this.checked);">
<br/>

<b>화면 : </b>
<input type="button" value="정상" onclick="player_resize(0);">
<input type="button" value="50%" onclick="player_resize(1);">
<input type="button" value="200%" onclick="player_resize(2);">
<input type="button" value="전체화면" onclick="player_resize(3);">
<br/>

<b>이동 : </b>
<input type="button" value="처음" onclick="player_setPosStart();">
<input type="button" value="마지막" onclick="player_setPosEnd();">
<input type="button" value="처음에서 20초" onclick="player_setPos(20);">
<input type="button" value="10초전" onclick="player_addPos(-10);">
<input type="button" value="10초후" onclick="player_addPos(10);">
<input type="button" value="처음에서 200프레임" onclick="player_setPosFrame(200);">
<input type="button" value="100프레임전" onclick="player_addPosFrame(-100);">
<input type="button" value="100프레임후" onclick="player_addPosFrame(100);">
<br/>

</body>
</html>




주의사항

anchor 를 사용한 경우에는  onclick 속성에서 자바스크립트 함수를 호출해야 한다.

href 속성에서 사용하면 처음부터 다시 재생한다.

예) <a href="#" onclick="player_resize(3);">전체화면</a>



=======================================================================================
=======================================================================================


미디어 플레이어 객체 제어하기
조절메서드
미디어플레이어를 조정합니다.
Pause() : 일시정지합니다.
Play() : 재생합니다.
Stop() : 중지합니다.
Next() : 다음으로 이동합니다.
Previous() : 이전으로 이동합니다.
PlayState속성 : 재생, 중지, 일시정지 중인지의 상태를 알아냅니다.
mpStopped : [0] 재생이 중지된 상태
mpPaused : [1] 재생이 일시정지된 상태
mpPlaying : [2] 재생중인 상태
mpWaiting : [3] 시작하기 위해서 기다리는 상태
mpScanForward : [4] 재생흐름을 다음으로 이동
mpScanReverse : [5] 재생흐름을 이전으로 이동
mpSkipForward : [6] 다음 단계로 이동
mpSkipReverse : [7] 이전 단계로 이동
mpClosed : [8] 재생닫혀있는 상태
DisplaySize속성 : 화면크기를 조절합니다.
mpDefaultSize : [0] 기본크기
mpHalfSize : [1] 기본크기에서 1/2크기
mpDoubleSize : [2] 기본크기에서 두배로 확대한 크기
mpFullScreen : [3] 화면 전체크키
mpFitToSize : [4] 사용자가 디자인한 크기
mpOneSixteenScreen : [5] 전체화면의 1/16크기
mpOneFourthScreen : [6] 전체화면의 1/4크키
mpOneHalfScreen : [7] 전체화면의 1/2크기
Mute속성 : 소리를 끄거나 켜기위해 사용됩니다. 해당값이 True이면 소리가 꺼진 상태이고 False이면 소리가 켜진 상태입니다.
윈도우 미디어플레이어 속성
AllowChangedDisplayMode : 초단위, 프레임 단위로 최종 사용자가 디스플레이 모드를 실행시 변경할 수 있는지를 나타낸다.
AllowHideControls : 최종 사용자가 컨트롤 패널을 실행시 감출 수 있는지를 나타낸다.
AllowHideDisplay : 최종 사용자가 디스필레이를 실행시 감출 수 있는지를 나타낸다.
Apperance : 디스플레이 패널의 경계의 모양을 지정한다. 1=inset border 패인모양, 0=무경계
AutoRewind : 파일의 재생이 끝났을 때 자동으로 되감기를 할 것인지를 표시한다.
AutoStart : 웹페이지를 열면 자동으로 재생을 시작할 것인지를 표시한다.
Balance : 소리의 균형을 나타낸다. 0=균형, -10,000=왼쪽스피커만 사용, 10,000=오른쪽 스피커만 사용
BorderStyle : 컨트롤 경계 스타일을 지정한다. 0=무사용, 1=고정된 싱글 경계
CurrentPosition : 재생 파일에서의 현 위치를 초 단위로 나타낸다.
CurrentState : 플레이어의 현 상태를 나타낸다. 0=정지, 2=재생, 1=일시정지
DisplayBackColor : 디스플레이 패널의 배경색을 나타낸다.
DisplayForeColor : 디스플레이 패널의 전경생을 나타낸다.
DisplayMode : 디스플레이 패널에 초단위 또는 프레임 단위로 현위치를 디스플레이할지를 나타낸다. 0=초, 1=프레임
EnableContextMenu : 단축 메뉴를 활성화시킬지를 나타낸다.
Enabled : 컨트롤이 활성화되었는지를 나타낸다.
EnablePositionControls : 컨트롤 패널에 위치 버튼을 보여줄 것인지를 표현한다.
EnableSelectControls : 컨트롤 패널에 선택 버튼을 보여줄 것인지를 표현한다.
EnableTracker : 컨트롤 패널에 트랙바 컨트롤을 보여줄 것인지를 표시
FileName : 재생될 멀티미디어 파일을 지정한다.
FullScreenMode : 모니터 전체의 크기로 멀티미디어를 표시한다.
MovieWindowSize : 재생 패널의 크기를 결정한다. 0=원래크기, 1=원래크기의 2배, 2=화면의 1/6크기, 3=화면의 1/4
PlayCount : 재생할 횟수를 지정한다.
Rate : 재생 비율을 결정한다.
ReadyState : 소스 파일을 얼마나 로드했는가에 따른 Active Movie Control의 준비 상태를 나타낸다.
SelectionEnd : 파일의 처음에서부터 종료 위치를 초 단위로 지정한다.
SelectionStart : 파일의 처음에서부터 시작 위치를 초 단위로 지정한다.
ShowControls : 컨트롤 패널 표시 여부를 지정한다.
ShowDisplay : 디스플레이 패널 표시 여부를 지정한다.
ShowPositionControls : 위치 컨트롤의 표시 여부를 지정한다.
ShowSelectControls : 선택 컨트롤의 표시 여부를 지정한다.
ShowTracker : 트랙바의 표시 여부를 지정한다.
Volume : 데이벨의 100분의 1 단위로 볼륨을 지정한다.
.. 그외 자세한 사항은  MSDN:Windows Media Player Properties를 참고하기 바랍니다.

<html>
<script language="JavaScript">
<!--
    function mmp_state() {                            // 재생상태를 출력
        switch(mmp.PlayState) {
            case 0 : frm1.state.value = "중지상태";
            break;
            case 1 : frm1.state.value = "일시중지";
            break;  
            case 2 : frm1.state.value = "실행중";
            break;
        }
    }

    function mmp_play() {                             // 재생
        if (mmp.Filename!="")
            mmp.Play();
        mmp_state();
    }

    function mmp_stop() {                             // 멈춤
        if (mmp.Filename!="")
            mmp.Stop();
        mmp_state();
    }

    function media_size(my_sel) {                     // 화면크기조정
        switch(my_sel) {
            case 0 : mmp.DisplaySize = 0;
            break;
            case 2 : mmp.DisplaySize = 2;
            break;
            case 3 : mmp.DisplaySize = 3;
            break;
        }
    }

    function mmp_pause() {                            // 일시멈춤
        if (mmp.Filename!="")
            mmp.Pause();
        mmp_state();
    }

    function mmp_sound() {                            // 소리제어
        if (mmp.Filename!="") {
            if (mmp.Mute == true) {
                mmp.Mute = false;
                frm1.sound.value = "소리켬";
            } else {
                mmp.Mute = true;
                frm1.sound.value = "소리끔";
            }
        }
    }
//-->
</script>
<body>
<div align="center">

<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/
nsmp2inf.cab#Version=5,1,52,701" id="mmp" style="left:0px; top:0px; width:320px; height:240;">
    <param name="AudioStream" value=-1>
    <param name="AutoSize" value=-1>
    <param name="AutoStart" value=-1>                <!-- 웹페이지를 열때 자동재생 여부를 설정 //-->
    <param name="AnimationAtStart" value=-1>
    <param name="AllowScan" value=-1>
    <param name="AllowChangeDisplaySize" value=-1>
    <param name="AutoRewind" value=0>                <!-- 재생종료시 자동되감기를 할 지 설정 //-->
    <param name="Balance" value=0>                   <!-- 스피커의 음량분배, 0=균형, -10,000=왼쪽스피커만 사용, 10,000=오른쪽 스피커만 사용  //-->
    <param name="BaseURL" value="">
    <param name="BufferingTime" value=5>
    <param name="CaptioningID" value="">
    <param name="ClickToPlay" value=-1>
    <param name="CursorType" value=0>
    <param name="CurrentPosition" value=1>           <!-- 재생 파일에서의 현 위치를 초 단위로 //-->
    <param name="CurrentMaker" value=0>
    <param name="DefaultFrame" value="">
    <param name="DisplayBackColor" value=0>          <!-- 디스플레이 패널의 배경색 //-->
    <param name="DisplayForeColor" value="16777215"> <!-- 디스플레이 패널의 전경색 //-->
    <param name="DisplauMode" value=0>               <!-- 디스플레이 패널에 초단위 또는 프레임 단위로 현위치를 디스플레이할지를 나타낸다. 0=초, 1=프레임 //-->
    <param name="DisplaySize" value=0>
    <param name="Enabled" value=-1>                  <!-- 컨트롤이 활성화되었는지를 나타낸다. //-->
    <param name="EnableContextMenu" value=-1>        <!-- 단축 메뉴를 활성화 여부 //-->
    <param name="EnablePositionControls" value=-1>   <!-- 컨트롤 패널에 위치 버튼의 출력설정 //-->
    <param name="EnableFullscreenControls" value=0>
    <param name="EnableTracker" value=-1>            <!-- 컨트롤패널에 트랙바컨트롤 출력여부 //-->
    <param name="Filename" value="king_1118.asf">    <!-- 재생될 멀티미디어 파일을 지정 //-->
    <param name="InvokeURLs" value=-1>
    <param name="Language" value=-1>
    <param name="Mute" value=0>
    <param name="PlayCount" value=1>                 <!-- 재생할 횟수를 지정한다. //-->
    <param name="PreviewMode" value=0>
    <param name="Rate" value=1>                      <!-- 재생 비율을 결정한다. //-->  
    <param name="SAMILang" value="">
    <param name="SAMIStyle" value="">  
    <param name="SAMIFileName" value="">
    <param name="SelectionStart" value=-1>           <!-- 파일 처음부터 시작위치를 초단위로 지정 //-->
    <param name="SelectionEnd" value=-1>             <!-- 파일 처음부터 종료위치를 초단위로 지정 //-->
    <param name="SendOpenStateChangeEvents" value=-1>
    <param name="SendWarnigEvents" value=-1>
    <param name="SendErrorEvents" value=-1>
    <param name="SendKeyboardEvents" value=0>
    <param name="SendMouseClickEvents" value=0>
    <param name="SendMouseMoveEvents" value=0>
    <param name="SendPlayStateChangeEvents" value=-1>
    <param name="ShowCaptioning" value=0>
    <param name="ShowControls" value=0>              <!-- 컨트롤 패널 표시 여부를 지정한다 //-->
    <param name="ShowAudioControls" value=0>
    <param name="ShowDisplay" value=0>               <!-- 디스플레이 패널 표시 여부를 지정한다. //-->
    <param name="ShowGotoBar" value=0>  
    <param name="ShowPositionControls" value=0>      <!--  위치 컨트롤의 표시 여부를 지정한다. //-->
    <param name="ShowStatusBar" value=0>
    <param name="ShowTracker" value=-1>              <!-- 트랙바의 표시 여부를 지정한다. //-->
    <param name="TransparentAtStart" value=0>
    <param name="VideoBorderWidth" value=0>
    <param name="VideoBorderColor" value=0>
    <param name="VideoBorder3D" value=0>
    <param name="Volume" value=-600>                 <!-- 데시벨의 100분의 1단위로 볼륨을 지정. //-->
    <param name="WindowlessVideo" value=0>
</object>

<form name="frm1">
    <input type="button" name="play" value="실행" onClick="mmp_play()" />
    <input type="button" name="stop" value="중지" onClick="mmp_stop()" />
    <input type="button" name="next" value="일시중지" onClick="mmp_pause()" />
    <input type="button" name="sound" value="소리 켬" onClick="mmp_sound()" />
    <br /><br />
    <input type="button" name="size1" value="기본크기" onClick="media_size(0)" />
    <input type="button" name="size2" value="두배크기" onClick="media_size(2)" />
    <input type="button" name="size3" value="전체크기" onClick="media_size(3)" />
    <br /><br />
    상태 : <input type="text" name="state" value="실행중" />
</form>

</div>
</body>
</html>
추천추천 : 478 추천 목록
번호 제목
3,030
 제이쿼리 기본 명령어
3,029
 웹페이지 가로 모드세로 모드 인식하기
3,028
 모바일 웹 화면 강제 회전(가로모드 고정)
3,027
 [HTML5]에서 frameset 대체 방법과 iframe 속성
3,026
 HTML <Audio> 사용법
3,025
 윈도우10 시스템파일 손상 (초간단 오류 복구방법!!)
3,024
 PHP 파일 존재 여부 파악하기(로컬 파일 존재 및 원격지 파일 존재)
3,023
 [CSS] 박스 세로 가운데 중앙 정렬 6가지
3,022
 CSS Layout 수평 & 수직 정렬
3,021
 여러 도메인들 간 쿠키 공유하기
3,020
 태그 사이에 있는 텍스트를 추출
3,019
 [JQuery] textbox focus on off일때 숫자 콤마 보여주기
3,018
 쿠키 생성,가져오기,삭제
3,017
 사용자 함수 모음
3,016
 마우스,키보드 제한 ( 오른쪽클릭,드래그,영역선택등..)
3,015
 [HTML5] <video> - DOM으로 제어하기
3,014
 HTML5 video 태그에서 영상 좌우반전
3,013
 PHP - 특정 태그 및 문자열 추출, 제거
3,012
 [PHP] define과 defined의 차이
3,011
 우클릭 완벽차단 스크립트
3,010
 iframe 높이 100% 맞추기
3,009
 curl 함수를 이용한 HTTP REFERER 변경
3,008
 윈도우10 시스템 파일 및 Dism 검사
3,007
 텍스트 줄바꿈, 글자자르기 CSS
3,006
 jQuery Mobile에서 유용한 코드 10가지.
목록
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.