미디어 플레이어 제어하기 1~4 > script

미디어 플레이어 제어하기 1~4

페이지 정보

작성자 서방님 댓글 0건 조회 100회 작성일 09-04-20 16:39

본문

'*************************************************************************************
' 미디어 플레이어 제어하기 01
'*************************************************************************************

미디어 플레이어의 버퍼링http://myhome.naver.com/v2i/answer/media/mediaplayer2.htm
미디어 플레이어 구간 제어http://myhome.naver.com/v2i/answer/media/mediaplayer1.htm

</head>

<SCRIPT FOR="Player" EVENT="buffering(Start)">
var idTimer;
if(Start == true)
{
idTimer = setInterval("setStatus()", 1000);
}
else
{
clearInterval(idTimer);
}
</SCRIPT>
<SCRIPT FOR="Player" EVENT="StatusChange()">
window.status = Player.status;

</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setStatus()
{
var bf = parseInt(Player.network.bufferingProgress);
if(bf < 100)
{
window.status = "버퍼링 중 : " + bf + " %";
}
else
{
window.status = "버퍼링 완료";
}
}

//-->
</SCRIPT>
</body>
</html>

<html>
<head>
<title>미디어 플레이어 제어 </title>
</head>
<body>
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="Player"> <PARAM name="autoStart" value="True"> <PARAM name="URL" value="mms://mmc.daumcast.net/mmc/1/500/0902600000101h.wmv"></object>uiMode
<select onchange="setUI(this.options[this.selectedIndex].value)">
    <option value="invisible">invisible
    <option value="none">none
    <option value="mini">mini
    <option value="full">full
</select>
<input onclick="setVol('+')" type="button" value="volume +10"><input onclick="setVol('-')" type="button" value="volume -10">mute
<input onclick="mute(this.checked)" type="checkbox"><input onclick="setPos(-10)" type="button" value="10초 전"><input onclick="setPos(10)" type="button" value="10초 뒤"><input onclick="Player.controls.play();" type="button" value="재생"><input onclick="Player.controls.stop();" type="button" value="정지"><input onclick="Player.controls.pause();" type="button" value="일시정지"><script language="JavaScript"></script>
</body>
</html>
<script language="javascript"></script>

'*************************************************************************************
' 미디어 플레이어 제어하기 02
'*************************************************************************************
클라이언트가 Windows Media Player 9를 설치한 경우에는 자막, Maker, 2배확대등이 제대로 동작하지 않을 수 있습니다.

Windows Media Player 6.4 기준으로 웹페이지 삽입 시 사용하는 Param 값들은 다음과 같고..
Windows Media Player 7.0 이상은 그 아래에 있습니다..

Windows Media Player 7.0 이상

     <PARAM NAME="URL" VALUE="mms://미디어파일">
         // 미디어 파일주소
     <PARAM NAME="rate" VALUE="1">
         // 빨리보기 속도(1~10)
     <PARAM NAME="balance" VALUE="0">
         // 스테레오 좌우 볼륨 -100에서 100까지
     <PARAM NAME="currentPosition" VALUE="0">
         // 시작하는 시간. 초단위로 입력
     <PARAM NAME="playCount" VALUE="1">
         // 반복되는 횟수
     <PARAM NAME="autoStart" VALUE="1">
         // 자동시작
     <PARAM NAME="currentMarker" VALUE="0">
         // 마커가 삽입된 경우 시작되는 마커번호
     <PARAM NAME="invokeURLs" VALUE="1">
         // 컨텐츠에 URL 링크가 된 경우 실행여부
     <PARAM NAME="volume" VALUE="70">
         // 볼륨크기(0~100)
     <PARAM NAME="mute" VALUE="0">
         // 음소거
     <PARAM NAME="uiMode" VALUE="full">
         // 플레이어제어. full, mini, none
     <PARAM NAME="stretchToFit" VALUE="0">
         // 비디오 창의 크기가 고정될지 여부
     <PARAM NAME="enabled" VALUE="1">
         // 미디어 플레이어 컨트롤이 가능여부
     <PARAM NAME="enableContextMenu" VALUE="1">
         // 마우스 오른쪽 버튼 클릭시 메뉴 사용여부
     <PARAM NAME="fullScreen" VALUE="0">
         // 전체화면
     <PARAM NAME="SAMIFilename" VALUE="">
         // 자막 파일
     <PARAM NAME="captioningID" VALUE="">
         // <div id=CapText></div>
</OBJECT>

'*************************************************************************************
' 미디어 플레이어 제어하기 03
'*************************************************************************************
<script language="JavaScript">
alert!("시스템 점검으로 인하여 잠시 VOD 서비스가 중단되었습니다.\n잠시 후, 이용하여 주십시요.\n\n서비스 이용에 불편을 드려 대단히 죄송합니다.");
self.close();
</script>

<HTML>
<HEAD>
<TITLE>WWCAST - VOD PLAYER</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<style type="text/css">

</style>
<link rel="stylesheet" href="mui.css" type="text/css">

window.onerror = wnderror;
document.onkeydown = keyboardclick;
document.onmousedown = mouseclick;
</script>
</HEAD>

<DIV ID="bufferDiv" STYLE="color:#5e5e5e; padding-left:2px; FONT: 9pt 굴림; HEIGHT: 17px; LEFT: 32px; POSITION: absolute; TEXT-ALIGN: left; TEXT-VALIGN: center; TOP: 364px; VISIBILITY: visible; WIDTH: 190px">
<span id=bufprogress>Buffering : 0%</span>
</DIV>

</BODY>
</HTML>

var stats2 = "";
var timer_MediaPlayer1_currentInfo;
var timer_MediaPlayer1_Position;

function playIt() {
if (MediaPlayer1.controls.isAvailable('Play'))
MediaPlayer1.controls.play();
play_stats = 3;
}

function pauseIt() {
if (MediaPlayer1.controls.isAvailable('Pause'))
MediaPlayer1.controls.pause();
play_stats = 2;
}

function stopIt() {
if (MediaPlayer1.controls.isAvailable('Stop'))
MediaPlayer1.controls.stop();
play_stats = 1;
}

function volChange(UpDown){
var curVol = document.MediaPlayer1.settings.volume;

if (UpDown == 1)
{
curVol += 10;
if (curVol >= 100)
curVol = 100;
}
else
{
curVol -= 10;
if (curVol < 0)
curVol = 0;
}

curVol = Math.floor(curVol);
document.MediaPlayer1.settings.volume = curVol;
}

function MediaPlayer1_changeSize(n) {
switch (n){
case 0:
positionSize=320;

   if(MediaPlayer1.playState != 1)
    controlDiv.style.left="32px";
   controlDiv.style.top="106px";

   resizeTo!(399,539);
   if(document.body.clientHeight < 510)
    resizeTo!(399,539 + (510 - document.body.clientHeight));
   inbody2.style.visibility="hidden";
   inbody.style.visibility="visible";
   bufferDiv.style.left="32px";
   bufferDiv.style.top="364px";
   bufferDiv.style.width="190px";
   progressdiv.style.left="222px";
   progressdiv.style.top="364px";

MediaPlayer1.width = 320;
MediaPlayer1.height = 240;

break;
case 1:
positionSize=640;

   if(MediaPlayer1.playState != 1)
    controlDiv.style.left="31px";
   controlDiv.style.top="122px";

   resizeTo!(710,774);
   if(document.body.clientHeight < 745)
    resizeTo!(710,774 + (745 - document.body.clientHeight));
   inbody.style.visibility="hidden";
   inbody2.style.visibility="visible";
   bufferDiv.style.left="31px";
   bufferDiv.style.top="620px";
   bufferDiv.style.width="510px";
   progressdiv.style.left="540px";
   progressdiv.style.top="620px";

MediaPlayer1.width = 640;
MediaPlayer1.height = 480;

break;
case 2:
MediaPlayer1.fullScreen = "true";

break;
}
}

function MediaPlayer1_currentInfo(){
if (MediaPlayer1.controls.currentPosition == "0")
progress.innerHTML = MediaPlayer1.currentMedia.durationString;
else
progress.innerHTML = MediaPlayer1.controls.currentPositionString + " / " + MediaPlayer1.currentMedia.durationString;

//timer_MediaPlayer1_currentInfo = setTimeout("MediaPlayer1_currentInfo()",1000);
}

function MediaPlayer1_PositionControl(){
if (positionSize == 320){
if (event.clientX - leftBlank > positionSize)
   ProgressPointer.style.pixelLeft = positionSize - 11;
else if (event.clientX - leftBlank < 0 )
   ProgressPointer.style.pixelLeft = 1;
else
   ProgressPointer.style.pixelLeft = event.clientX - leftBlank - 5;
}
else{
if (event.clientX - leftBlank > positionSize)
   ProgressPointer2.style.pixelLeft = positionSize - 11;
else if (event.clientX - leftBlank < 0 )
   ProgressPointer2.style.pixelLeft = 1;
else
   ProgressPointer2.style.pixelLeft = event.clientX - leftBlank - 5;
}

MediaPlayer1_SetPosition();
}

function MediaPlayer1_SetPosition() {
if (positionSize == 320)
MediaPlayer1.controls.currentPosition = Number(ProgressPointer.style.pixelLeft) / positionSize * MediaPlayer1.currentMedia.duration;
else
MediaPlayer1.controls.currentPosition = Number(ProgressPointer2.style.pixelLeft) / positionSize * MediaPlayer1.currentMedia.duration;
}

function MediaPlayer1_Position() {
MediaPlayer1_currentInfo();

var w = parseInt(MediaPlayer1.controls.currentPosition * (positionSize) / MediaPlayer1.currentMedia.duration, 10);
if (!isNaN(w)) {
if (w > positionSize-11)
w = positionSize - 11;
else if (w < 1)
w = 1;
if (positionSize == 320)
ProgressPointer.style.pixelLeft = w;
else
ProgressPointer2.style.pixelLeft = w;
}

timer_MediaPlayer1_Position = setTimeout("MediaPlayer1_Position()",1000);
}
</script>
<script language="JavaScript" src="js_media2.asp?num=1941&code=130101019000000&speed=300"></script>
<SCRIPT language="JavaScript">
var idI;

function UpdateBP()
{
bufferDiv.innerHTML = "Buffering : " + MediaPlayer1.network.bufferingProgress + "%" + " " + stats2;
}

function UpdateState()
{
var states = new Array();

states[0] = "Undefined";
states[1] = "정지";
states[2] = "일시정지";
states[3] = "재생중";
states[4] = "앞으로";
states[5] = "뒤로";
states[6] = "Buffering : 0%";
states[7] = "Now Loading...";
states[8] = "종료";
states[9] = "대기중";
states[10] = "준비중";
states[11] = "접속중";

bufferDiv.innerHTML = states[MediaPlayer1.playState] + " " + stats2;

if(MediaPlayer1.playState == 1)
controlDiv.style.left = "800";
}
</SCRIPT>
<SCRIPT language="JavaScript" FOR="MediaPlayer1" EVENT="Buffering(Start)">
if (Start)
idI = window.setInterval("UpdateBP()", 1000);
else
{
window.clearInterval(idI);

if(MediaPlayer1.width == "320")
controlDiv.style.left = "32px";
else
controlDiv.style.left = "31px";
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" FOR="MediaPlayer1" EVENT="PlayStateChange(NewState)">
UpdateState();
</SCRIPT>

'*************************************************************************************
' 미디어 플레이어 제어하기 04
'*************************************************************************************
Player는 미디어 플레이어 아이디

Player.controls.currentPosition : 현재 진행 위치(소숫점 이하 초 단위로 나온다.)

Player.controls.currentPositionString : 현재 진행 위치(분:초 단위로 나온다.)

Player.currentMedia.duration : 현재 파일의 총 길이(초 단위로 나온다.)

Player.currentMedia.durationString : 현재 파일의 총 길이(분:초 단위로 나온다.)

댓글목록

등록된 댓글이 없습니다.

번호	제목	글쓴이	조회	날짜
606	멀티플 셀렉트박스 이동, 정렬, multiple, selectbox, move, sort	서방님	199	02-22
605	multiple SelectBox 전체 선택, 해제	서방님	185	02-19
604	즐겨찾기 추가	서방님	129	08-10
603	js 달력 댓글+ 2개	서방님	77	08-10
602	iframe 자동 리사이즈 소스	서방님	116	08-10
601	브라우저, 문서 높이 구하기	서방님	153	07-29
600	테이블에서 동적으로 TR TD 생성및삭제 TEXT 박스에 콤마찍는 예제 댓글+ 5개	서방님	128	07-21
599	한번에 폼 2개 전송	서방님	203	07-06
598	윈도우 미디어 오류 C00D132B: 파일을 재생할 수 없습니다. 댓글+ 1개	서방님	115	06-04
597	자바스크립트을 이용해서 플래시에 포커스 주기	서방님	197	05-28
열람중	미디어 플레이어 제어하기 1~4	서방님	101	04-20
595	javascript - split	서방님	177	04-15
594	referer 포함하는 popup 만들기 댓글+ 1개	서방님	198	04-10
593	<blink> 태그 구현	서방님	165	03-13
592	미디어 플레이어의 상태	서방님	158	03-10

미디어 플레이어 제어하기 1~4 > script

인기검색어

script