Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

nkdk의 세상

JS :: 미디어플레이어 객체제어 본문

My Programing/HTML and JavaScript

JS :: 미디어플레이어 객체제어

nkdk 2008. 6. 16. 10:34

미디어 플레이어 객체 제어하기

  • 조절메서드
    미디어플레이어를 조정합니다.
    • 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>

'My Programing/HTML and JavaScript' Related Articles more