웹마스터 팁
개판 오분전 넷 비디오
2002.09.19 04:54
미리 보기 : http://allzza.net/maddog/tip/net_video.html
<head>
<title>
개판 오분전 넷 비디오 ver 0.00000000000001
</title>
<style type='text/css'>
button {
color:#000000; font-size: 9pt;
background-color:#cccccc;
border-width:1; border-style:solid;border-color:#999999;
width:40px;height:17px;
}
body
A:link { text-decoration:none;font-size:8pt; color: #5BF9F5;}
A:visited { text-decoration:none;font-size:8pt; color: #5BF9F5;}
A:active { text-decoration:none;font-size:8pt; color: #5BF9F5;}
A:hover {color: ff00ff;font-size:8pt; text-decoration:none;}
div {
scrollbar-face-color:#ffffff;scrollbar-shadow-color:#Ffffff;
scrollbar-highlight-color:000000;scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:000000;scrollbar-track-color: #ffffff;
scrollbar-arrow-color:000000;
}
</style>
<script>
/*************************************************************************************
개판 오분전 넷 오디오를 조금 응용해서 비디오도 돌릴수 있는 프로그램을 만들어보았습니다.
제목을 클릭하면 자동 재생 될수 있게 했구요.....이전 다음 버튼을 누르면 .........거시깁니다.
소스 제작은 공개프로그램인 Acroedit 를 사용했으며
익스플로러(v 5.5) 이외에서는 실험해보지 않았습니다.
동영상은 미친개 맘대로 뮤직 스튜디오(http://musicstudio.kbs.co.kr) 협찬입니다.
문제가 된다면 지우겠............. 한번 봐주시믄 안될까여...ㅠ.ㅠ
학습용 공개용 비영리용을 전제로 배포와 사용과 수정과 거시기에서 무한히 자유롭습니다.
소스 : 미친개
이멜 : maddog07@korea.com
홈페이지 : http://allzza.net/maddog/ (개판 오분전 미친개네 집)
제작 : 2002.9.19 ver 0.000000000001 (버전이 복잡해서 헷갈뤼~)
***************************************************************************************/
var aaa = '개판 오분전 넷 비디오 ver 0.0000000001 by <a href=http://allzza.net/maddog target=new>미친개</a>'
//-- 타이틀 레이어에 뿌려질 문자열
muteflag = false; //-- 소리죽임 버튼을 위한 flag 변수
player_ready = false; //-- 플레이 버튼을 위한 변수
playing = false; //-- 플레이버튼을 제외한 미디어 제어버튼을 위한 변수
play_index = 0; //-- 이전 비됴 다음 비됴 버튼을 위한 변수.
var list = new Array(
//-- 동영상을 추가할때는 '동영상제목','동영상 주소', 의 방법으로 추가합니다. 가능하면 앞부분에 추가하길....
//-- (뒷부분에 추가하려면 콤마찍고 맨뒤콤마 안쓰고....복잡해요)
//-- 동영상 제목이나 주소안에 작은 따옴표가 들어가면 안됩니다. 굳이 넣어야 한다면 ' 로 넣으세요
'보아 - my Sweetie','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023361_0.wmv',
'쿨 - 진실','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023362_0.wmv',
'김완선 - S','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023368_0.wmv',
'왁스 - 부탁해요','+ 'mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023371_0.wmv'+ ',
'자두 - 으악새','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023365_0.wmv',
'거북이 - 사계','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023369_0.wmv',
'양동근 - 골목길','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023163_0.wmv',
'밀크 - 크리스탈','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023167_0.wmv',
'SES - one','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023176_0.wmv',
'휘성 - 안되나요','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023181_0.wmv',
'QQQ - 떠나가라','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023165_0.wmv',
'박정현 - 꿈에','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023182_0.wmv'
);
function play_list(int) { //-- 동영상 목록에서 목록을 클릭하면 실행 되는 함수. 플레이어의 파일 이름을 잡아주고 타이틀에 동영상 제목을 뿌려줌
play_index = int;
if(play_index < 0) {alert('없슈');play_index=0;return false;}
if(play_index >= list.length) {alert('없슈');play_index=list.length-2;return false;}
player_ready = true;
Player.Filename = list[int+1];
on_play();
marq(list[int]);
}
function marq(q) { //-- 타이틀에 동영상 제목을 뿌려줌.
str = '';
str += '<marquee><b>' + q + '</marquee></b>';
document.all.title.innerHTML = str;
}
function on_play() { //-- 재생 버튼을 눌렀을때
playing = true;
Player.Play();
// marq(list[int]);
}
function on_stop() { //-- stop 버튼을 눌렀을때
Player.stop();
playing = false;
}
function muten() { //-- 소리안남 버튼을 눌렀을때
if(!muteflag) { //-- 소리 안남
Player.Mute = true;
muteflag = true;
document.maddog.mutebutton.value = '<font color=red>☎</font>';
}
else { //-- 소리 다시 남
Player.Mute = false;
muteflag = false;
document.maddog.mutebutton.value = '☏';
}
}
</script>
<script language=javascript for=Player Event=EndOfStream(Result)>
playing = false;player_ready = false;
document.all.title.innerHTML = aaa;
play_list(play_index + 2);
</script>
<script language=javascript for=Player Event=Error>
// alert("스트리밍 에러입니다.");
document.location.reload();
</script>
<body>
<div style='position:absolute;left:5;top:5;width:404;height:430;border:2 solid black;background-color:#555555'>
<!-- 전체 레이어 -->
<div id=title style='position:absolute;left:0;top:0;width:400;height:20;font-size:11px;color:#ffffff;padding-top:7;padding-bottom:0;padding-right:5;background-color:#000000' align=right>
개판 오분전 넷 비디오 ver 0.00000001 by <a href=http://allzza.net/maddog target=new>미친개</a>
</div>
<!-- 타이틀 마퀴 레이어 -->
<div style='position:absolute;left:0;top:20;width:400;height:300;background-color:9c9c9c;font-size:11px;color:3fbfff;overflow:no'>
<!-- 비디오 화면 레이어 -->
<object
id="Player"
classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" width=400 height=300 bgcolor=black>
<param name="AutoStart" value="false">
<PARAM NAME="AudioStream" VALUE="-1">
<param name="TransparentAtStart" value="false">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<PARAM NAME="Balance" VALUE="0">
<PARAM NAME="BufferingTime" VALUE="60">
<param name="ShowStatusBar" value="1">
<param name="volume" value="2000">
<param name="AutoSize" value="0">
<param name="AnimationAtStart" value="false">
<PARAM NAME="Mute" VALUE="false">
</object>
</div>
<div style='position:absolute;left:0;top:330;width:400;height:20;overflow:hidden;background-color:555555'>
<!-- 버튼 레이어 -->
<table border=0 width=100% cellpadding=0 cellspacing=0>
<tr>
<td align=left>
<form name=maddog>
<button onClick="play_list(play_index)" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='재생'><b>▷</b></button>
<button onClick='if(playing) Player.Pause()' onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='일시정지'><b>II</b></button>
<button onClick="if(playing) on_stop()" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='정지'><b>■</b></button>
<button onClick="play_list(play_index - 2)" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='+ '이전 비디오'><b>◀◀</b></button>
<button onClick="play_list(play_index + 2)" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='다음 비디오'><b>▶▶</b></button>
<button name=mutebutton onClick="if(playing) muten()" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='+ '소리죽임'><b>☏</b></button>
<!--
<button onClick="listhidden()" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='목록'><b>list</b></button>
-->
</form>
</td>
</tr>
</table>
</div>
<div id=sel_list style='position:absolute;left:0;top:350;width:400;height:76;background-color:000000;font-size:11px;overflow:auto;padding-top:5;padding-right:5;padding-bottom:5' align=right>
<!-- 비디오 리스트 레이어 -->
<script>
document.all.sel_list.innerHTML = '';
for(m=0;m<list.length;m+=2) {
document.all.sel_list.innerHTML += list[m].link('javascript:play_list(' + m + ')') + '<br>';
}
</script>
</div>
</div>
<head>
<title>
개판 오분전 넷 비디오 ver 0.00000000000001
</title>
<style type='text/css'>
button {
color:#000000; font-size: 9pt;
background-color:#cccccc;
border-width:1; border-style:solid;border-color:#999999;
width:40px;height:17px;
}
body
A:link { text-decoration:none;font-size:8pt; color: #5BF9F5;}
A:visited { text-decoration:none;font-size:8pt; color: #5BF9F5;}
A:active { text-decoration:none;font-size:8pt; color: #5BF9F5;}
A:hover {color: ff00ff;font-size:8pt; text-decoration:none;}
div {
scrollbar-face-color:#ffffff;scrollbar-shadow-color:#Ffffff;
scrollbar-highlight-color:000000;scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:000000;scrollbar-track-color: #ffffff;
scrollbar-arrow-color:000000;
}
</style>
<script>
/*************************************************************************************
개판 오분전 넷 오디오를 조금 응용해서 비디오도 돌릴수 있는 프로그램을 만들어보았습니다.
제목을 클릭하면 자동 재생 될수 있게 했구요.....이전 다음 버튼을 누르면 .........거시깁니다.
소스 제작은 공개프로그램인 Acroedit 를 사용했으며
익스플로러(v 5.5) 이외에서는 실험해보지 않았습니다.
동영상은 미친개 맘대로 뮤직 스튜디오(http://musicstudio.kbs.co.kr) 협찬입니다.
문제가 된다면 지우겠............. 한번 봐주시믄 안될까여...ㅠ.ㅠ
학습용 공개용 비영리용을 전제로 배포와 사용과 수정과 거시기에서 무한히 자유롭습니다.
소스 : 미친개
이멜 : maddog07@korea.com
홈페이지 : http://allzza.net/maddog/ (개판 오분전 미친개네 집)
제작 : 2002.9.19 ver 0.000000000001 (버전이 복잡해서 헷갈뤼~)
***************************************************************************************/
var aaa = '개판 오분전 넷 비디오 ver 0.0000000001 by <a href=http://allzza.net/maddog target=new>미친개</a>'
//-- 타이틀 레이어에 뿌려질 문자열
muteflag = false; //-- 소리죽임 버튼을 위한 flag 변수
player_ready = false; //-- 플레이 버튼을 위한 변수
playing = false; //-- 플레이버튼을 제외한 미디어 제어버튼을 위한 변수
play_index = 0; //-- 이전 비됴 다음 비됴 버튼을 위한 변수.
var list = new Array(
//-- 동영상을 추가할때는 '동영상제목','동영상 주소', 의 방법으로 추가합니다. 가능하면 앞부분에 추가하길....
//-- (뒷부분에 추가하려면 콤마찍고 맨뒤콤마 안쓰고....복잡해요)
//-- 동영상 제목이나 주소안에 작은 따옴표가 들어가면 안됩니다. 굳이 넣어야 한다면 ' 로 넣으세요
'보아 - my Sweetie','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023361_0.wmv',
'쿨 - 진실','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023362_0.wmv',
'김완선 - S','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023368_0.wmv',
'왁스 - 부탁해요','+ 'mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023371_0.wmv'+ ',
'자두 - 으악새','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023365_0.wmv',
'거북이 - 사계','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023369_0.wmv',
'양동근 - 골목길','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023163_0.wmv',
'밀크 - 크리스탈','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023167_0.wmv',
'SES - one','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023176_0.wmv',
'휘성 - 안되나요','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023181_0.wmv',
'QQQ - 떠나가라','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023165_0.wmv',
'박정현 - 꿈에','mms://211.233.25.33/mod/live4/musicstudio/music_video/v_023182_0.wmv'
);
function play_list(int) { //-- 동영상 목록에서 목록을 클릭하면 실행 되는 함수. 플레이어의 파일 이름을 잡아주고 타이틀에 동영상 제목을 뿌려줌
play_index = int;
if(play_index < 0) {alert('없슈');play_index=0;return false;}
if(play_index >= list.length) {alert('없슈');play_index=list.length-2;return false;}
player_ready = true;
Player.Filename = list[int+1];
on_play();
marq(list[int]);
}
function marq(q) { //-- 타이틀에 동영상 제목을 뿌려줌.
str = '';
str += '<marquee><b>' + q + '</marquee></b>';
document.all.title.innerHTML = str;
}
function on_play() { //-- 재생 버튼을 눌렀을때
playing = true;
Player.Play();
// marq(list[int]);
}
function on_stop() { //-- stop 버튼을 눌렀을때
Player.stop();
playing = false;
}
function muten() { //-- 소리안남 버튼을 눌렀을때
if(!muteflag) { //-- 소리 안남
Player.Mute = true;
muteflag = true;
document.maddog.mutebutton.value = '<font color=red>☎</font>';
}
else { //-- 소리 다시 남
Player.Mute = false;
muteflag = false;
document.maddog.mutebutton.value = '☏';
}
}
</script>
<script language=javascript for=Player Event=EndOfStream(Result)>
playing = false;player_ready = false;
document.all.title.innerHTML = aaa;
play_list(play_index + 2);
</script>
<script language=javascript for=Player Event=Error>
// alert("스트리밍 에러입니다.");
document.location.reload();
</script>
<body>
<div style='position:absolute;left:5;top:5;width:404;height:430;border:2 solid black;background-color:#555555'>
<!-- 전체 레이어 -->
<div id=title style='position:absolute;left:0;top:0;width:400;height:20;font-size:11px;color:#ffffff;padding-top:7;padding-bottom:0;padding-right:5;background-color:#000000' align=right>
개판 오분전 넷 비디오 ver 0.00000001 by <a href=http://allzza.net/maddog target=new>미친개</a>
</div>
<!-- 타이틀 마퀴 레이어 -->
<div style='position:absolute;left:0;top:20;width:400;height:300;background-color:9c9c9c;font-size:11px;color:3fbfff;overflow:no'>
<!-- 비디오 화면 레이어 -->
<object
id="Player"
classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" width=400 height=300 bgcolor=black>
<param name="AutoStart" value="false">
<PARAM NAME="AudioStream" VALUE="-1">
<param name="TransparentAtStart" value="false">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<PARAM NAME="Balance" VALUE="0">
<PARAM NAME="BufferingTime" VALUE="60">
<param name="ShowStatusBar" value="1">
<param name="volume" value="2000">
<param name="AutoSize" value="0">
<param name="AnimationAtStart" value="false">
<PARAM NAME="Mute" VALUE="false">
</object>
</div>
<div style='position:absolute;left:0;top:330;width:400;height:20;overflow:hidden;background-color:555555'>
<!-- 버튼 레이어 -->
<table border=0 width=100% cellpadding=0 cellspacing=0>
<tr>
<td align=left>
<form name=maddog>
<button onClick="play_list(play_index)" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='재생'><b>▷</b></button>
<button onClick='if(playing) Player.Pause()' onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='일시정지'><b>II</b></button>
<button onClick="if(playing) on_stop()" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='정지'><b>■</b></button>
<button onClick="play_list(play_index - 2)" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='+ '이전 비디오'><b>◀◀</b></button>
<button onClick="play_list(play_index + 2)" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='다음 비디오'><b>▶▶</b></button>
<button name=mutebutton onClick="if(playing) muten()" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='+ '소리죽임'><b>☏</b></button>
<!--
<button onClick="listhidden()" onFocus="this.blur()" onMouseOver="this.style.backgroundColor= '#ababab'"; onMouseOut="this.style.backgroundColor= '#cccccc'"; title='목록'><b>list</b></button>
-->
</form>
</td>
</tr>
</table>
</div>
<div id=sel_list style='position:absolute;left:0;top:350;width:400;height:76;background-color:000000;font-size:11px;overflow:auto;padding-top:5;padding-right:5;padding-bottom:5' align=right>
<!-- 비디오 리스트 레이어 -->
<script>
document.all.sel_list.innerHTML = '';
for(m=0;m<list.length;m+=2) {
document.all.sel_list.innerHTML += list[m].link('javascript:play_list(' + m + ')') + '<br>';
}
</script>
</div>
</div>
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [기본] 글씨 꾸미기 ^ㅡ^; [13] | 현 | 2002.08.24 |
| 접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] | 노명수 | 2002.09.02 |
| 브라우저 언어에 따라 다른 페이지 보이기 [11] | 써니얌 | 2002.09.03 |
| [re] 문서중 http://***.*** 에 자동링크 ~ 저도 한번 해봤습니다.. [3] | 점퍼워니 | 2002.09.05 |
| 문서중 http://***.*** 에 자동링크 - 이제 서버측에서 하지 마세요.. [9] | 정명주 | 2002.09.04 |
| 원하는곳에 배경그림고정 [1] | 아벨라 | 2002.09.17 |
| 자바스크립트로 여러개 아이디 로그인 하기 [5] | ZipShin | 2002.09.17 |
| 타이틀 바 마퀴 소스 [2] | 미친개 | 2002.09.18 |
| 개판 오분전 넷 비디오 [1] | 미친개 | 2002.09.19 |
| asx파일 만들어 나만의 뮤직비디오 만들기 [5] | zinie | 2002.09.19 |
| 간단하고 빠른 페이지포워딩 [3] | Draco | 2002.09.19 |
| 자바스크립트로 클릭하면 출력되는 메뉴를 만들어 보자~!!! [6] | 유지호 | 2002.09.20 |
| 페이지 맨위로 이동하는 top 버튼 [7] | 조정환 | 2002.09.28 |
| 크롬리스 인터6.0 sp1인한 문제 수정패치 [1] | 이태운 | 2002.09.29 |
| 엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] | Eccen | 2002.09.30 |
| Select의 값을 iframe으로 넣는것입니다. [3] | ZipShin | 2002.10.03 |
| 크롬리스 윈도우창 띄우기 [21] | 臥龍先生 | 2002.10.09 |
| 문자열 길이(byte)에 따라 자르기... | 행복한고니 | 2002.10.11 |
| 공중에 이리저리 떠다니는 레이어 [2] | 아벨라 | 2002.10.13 |
| MSN 메신져 이모티콘을 게시판에서 사용해보자! [6] | 민이 | 2002.10.16 |