웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[배경음악] 첫곡은 랜덤, 그 이후로는 순차재생
2003.05.06 20:58
얼마전에 랜덤재생에 대한 스크립트를 올렸던 사람입니다.
이번 소스는 그와는 약간 다른,
첫곡은 랜덤으로 선택하고 그 다음곡 부터는 순차적으로 재생하는 소스입니다.
저는 이 방법을 개인적으로 더 좋아하고요, 역시 이걸 사용중입니다.
그럼~~ 시작해볼까요.
(제가 정말 힘들게 만든 소스이므로 무단 복사나 타 사이트 배포를 금지합니다.)
<script language="JavaScript">
song = new Array();
song[1] = "http://음악주소";
song[2] = "http://음악주소";
song[3] = "http://음악주소";
song[4] = "http://음악주소";
song[5] = "http://음악주소";
song[6] = "http://음악주소";
</script>
<script language="JavaScript">
function change()
{
if(bgnum == 7){bgnum = 1;}
if(bgnum == 0){bgnum = 6;}
bgmusic.Filename =song[bgnum];
}
</script>
<Script language="JavaScript">
function to_next()
{
bgnum = bgnum + 1;
if(bgnum == 7){bgnum = 1;}
bgmusic.Filename =song[bgnum];
}
</Script>
<script language="JScript" for="bgmusic" event="EndOfStream()">
setTimeout("to_next()", 100);
</script>
여기까지의 스크립트는 head 사이에 넣어줍니다.
노래가 6곡 이상이라면
song[7] = "http://음악주소";
라는 식으로 추가해주시면 되고요.
두번째 스크립트의
if(bgnum == 7){bgnum = 1;}
if(bgnum == 0){bgnum = 6;}
에서 7 대신에 노래곡수 + 1
6 대신에 노래곡수를 적어주시면 됩니다.
세번째 스크립트도 마찬가지로
if(bgnum == 7){bgnum = 1;}
에서 7 대신에 노래곡수 + 1 을 적어주시면 됩니다.
그리고 아래의 스크립트는 본문에 넣어줍니다.
(본문 제일 밑에 두는 것을 추천합니다.)
<object id="bgmusic" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-oleobject" width="0" height="0">
<param name="AllowChangeDisplaySize" value="false">
<param name="AnimationAtStart" value="false">
<param name="AutoSize" value="false">
<param name="EnableContextMenu" value="false">
<param name="EnableFullScreenControls" value="false">
<param name="EnablePositionControls" value="false">
<param name="EnableTracker" value="false">
<param name="PlayCount" value="0">
<param name="ShowAudioControls" value="false">
<param name="ShowCaptioning" value="false">
<param name="ShowControls" value="false">
<param name="ShowDisplay" value="false">
<param name="ShowGotoBar" value="false">
<param name="ShowPositionControls" value="false">
<param name="ShowStatusBar" value="false">
<param name="ShowTracker" value="false">
<param name="TransparentAtStart" value="true">
<param name="AudioStream" value="-1">
<param name="AutoStart" value="true">
<param name="AllowScan" value="true">
<param name="AutoRewind" value="false">
<param name="Balance" value="0">
<param name="BufferingTime" value="5">
<param name="ClickToPlay" value="true">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<param name="Enabled" value="true">
<param name="InvokeURLs" value="true">
<param name="Language" value="-1">
<param name="Mute" value="false">
<param name="PreviewMode" value="false">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="false">
<param name="SendWarningEvents" value="false">
<param name="SendErrorEvents" value="false">
<param name="SendKeyboardEvents" value="false">
<param name="SendMouseClickEvents" value="false">
<param name="SendMouseMoveEvents" value="false">
<param name="SendPlayStateChangeEvents" value="false">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="false">
<param name="Volume" value="-600">
<param name="WindowlessVideo" value="false">
</object>
<script language="JavaScript">
bgnum=Math.floor(Math.random()*6) + 1;
bgmusic.Filename =song[bgnum];
</script>
노래를 추가하실때는
bgnum=Math.floor(Math.random()*6) + 1;
에서 6 대신에 노래곡수를 적어주세요.
부록입니다.
노래 콘트롤 하기.
<a href="#none" onclick="javascript:bgnum=bgnum-1;change();" ONFOCUS='this.blur()'>이전곡</a>
<a href="#none" onclick="bgmusic.pause()" ONFOCUS='this.blur()'>일시정지</a>
<a href="#none" onclick="bgmusic.stop()" ONFOCUS='this.blur()'>정지</a>
<a href="#none" onclick="bgmusic.play()" ONFOCUS='this.blur()'>재생</a>
<a href="#none" onclick="javascript:bgnum=bgnum+1;change();" ONFOCUS='this.blur()'>다음곡</a>
유용하게 쓰였으면 합니다. 그럼~~
이번 소스는 그와는 약간 다른,
첫곡은 랜덤으로 선택하고 그 다음곡 부터는 순차적으로 재생하는 소스입니다.
저는 이 방법을 개인적으로 더 좋아하고요, 역시 이걸 사용중입니다.
그럼~~ 시작해볼까요.
(제가 정말 힘들게 만든 소스이므로 무단 복사나 타 사이트 배포를 금지합니다.)
<script language="JavaScript">
song = new Array();
song[1] = "http://음악주소";
song[2] = "http://음악주소";
song[3] = "http://음악주소";
song[4] = "http://음악주소";
song[5] = "http://음악주소";
song[6] = "http://음악주소";
</script>
<script language="JavaScript">
function change()
{
if(bgnum == 7){bgnum = 1;}
if(bgnum == 0){bgnum = 6;}
bgmusic.Filename =song[bgnum];
}
</script>
<Script language="JavaScript">
function to_next()
{
bgnum = bgnum + 1;
if(bgnum == 7){bgnum = 1;}
bgmusic.Filename =song[bgnum];
}
</Script>
<script language="JScript" for="bgmusic" event="EndOfStream()">
setTimeout("to_next()", 100);
</script>
여기까지의 스크립트는 head 사이에 넣어줍니다.
노래가 6곡 이상이라면
song[7] = "http://음악주소";
라는 식으로 추가해주시면 되고요.
두번째 스크립트의
if(bgnum == 7){bgnum = 1;}
if(bgnum == 0){bgnum = 6;}
에서 7 대신에 노래곡수 + 1
6 대신에 노래곡수를 적어주시면 됩니다.
세번째 스크립트도 마찬가지로
if(bgnum == 7){bgnum = 1;}
에서 7 대신에 노래곡수 + 1 을 적어주시면 됩니다.
그리고 아래의 스크립트는 본문에 넣어줍니다.
(본문 제일 밑에 두는 것을 추천합니다.)
<object id="bgmusic" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-oleobject" width="0" height="0">
<param name="AllowChangeDisplaySize" value="false">
<param name="AnimationAtStart" value="false">
<param name="AutoSize" value="false">
<param name="EnableContextMenu" value="false">
<param name="EnableFullScreenControls" value="false">
<param name="EnablePositionControls" value="false">
<param name="EnableTracker" value="false">
<param name="PlayCount" value="0">
<param name="ShowAudioControls" value="false">
<param name="ShowCaptioning" value="false">
<param name="ShowControls" value="false">
<param name="ShowDisplay" value="false">
<param name="ShowGotoBar" value="false">
<param name="ShowPositionControls" value="false">
<param name="ShowStatusBar" value="false">
<param name="ShowTracker" value="false">
<param name="TransparentAtStart" value="true">
<param name="AudioStream" value="-1">
<param name="AutoStart" value="true">
<param name="AllowScan" value="true">
<param name="AutoRewind" value="false">
<param name="Balance" value="0">
<param name="BufferingTime" value="5">
<param name="ClickToPlay" value="true">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<param name="Enabled" value="true">
<param name="InvokeURLs" value="true">
<param name="Language" value="-1">
<param name="Mute" value="false">
<param name="PreviewMode" value="false">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="false">
<param name="SendWarningEvents" value="false">
<param name="SendErrorEvents" value="false">
<param name="SendKeyboardEvents" value="false">
<param name="SendMouseClickEvents" value="false">
<param name="SendMouseMoveEvents" value="false">
<param name="SendPlayStateChangeEvents" value="false">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="false">
<param name="Volume" value="-600">
<param name="WindowlessVideo" value="false">
</object>
<script language="JavaScript">
bgnum=Math.floor(Math.random()*6) + 1;
bgmusic.Filename =song[bgnum];
</script>
노래를 추가하실때는
bgnum=Math.floor(Math.random()*6) + 1;
에서 6 대신에 노래곡수를 적어주세요.
부록입니다.
노래 콘트롤 하기.
<a href="#none" onclick="javascript:bgnum=bgnum-1;change();" ONFOCUS='this.blur()'>이전곡</a>
<a href="#none" onclick="bgmusic.pause()" ONFOCUS='this.blur()'>일시정지</a>
<a href="#none" onclick="bgmusic.stop()" ONFOCUS='this.blur()'>정지</a>
<a href="#none" onclick="bgmusic.play()" ONFOCUS='this.blur()'>재생</a>
<a href="#none" onclick="javascript:bgnum=bgnum+1;change();" ONFOCUS='this.blur()'>다음곡</a>
유용하게 쓰였으면 합니다. 그럼~~
댓글 20
-
이주경
2004.01.29 16:46
-
소인묵객
2011.06.19 14:35
이 소스 안드로이드 허니컴(모토로라줌)에서도 실행되도록 수정해 주시면 감사하게습니다. -
explus
2003.05.08 16:45
주경님..우선 답글에 감사드립니다. 아래에 수정도 해보았지만 역시나..흐흐..
그리고 이번에 새로 올려주신 첫곡만 랜덤에 이어지는곡은 순서대로 나오는것도
역시나 안되는군요. 참고로 제 홈페이지는 http://iexplus.com입니다..
만약 제 컴에 문제가 있다면 포맷이라도 해봐야겠네요..
와서 제대로 플레이 되는지 확인 부탁드립니다. 현재는 첫곡만 랜덤 순서대로 재생되는
스크립트로 해놓았습니다..그럼..^^ -
explus
2003.05.08 17:07
아.그리고 노래가 계속되는 이유는..여러개의 asx(음악파일묶음) 파일을 만들어서 랜덤 스타트 시키고 있습니다..^^.. 그러니까 한곡만 처음 랜덤으로 플레이 되더라도 그 안에 딸려있는 여러곡이 순차적으로 나오게 해놨지요..임시방편..:) -
explus
2003.05.08 17:12
에이고..저만 계쏙 수정하면서 리플 다는군요. 도배하는것 같아서 다른분들께 정말 죄송합니다.. 주경님 현재 그냥 기존의 랜덤플레이 스크립트로 바꿔 놓았습니다..한번 와서 봐주세요.. -
이주경
2003.05.08 17:31
explus 님~
님의 홈페이지를 확인했고요. asx 파일을 랜덤재생시켜놓으셨더군요. 그래서 제가 소스를 수정해서 원래 파일 wma 로 고쳐서 저희집에서 재생시켜보았습니다.
<script language="JavaScript">
song = new Array();
song[1] = "http://iexplus.com/music/intro/theme1.wma";
song[2] = "http://iexplus.com/music/intro/theme2.wma";
song[3] = "http://iexplus.com/music/intro/theme3.wma";
song[4] = "http://iexplus.com/music/intro/theme4.wma";
song[5] = "http://iexplus.com/music/intro/theme5.wma";
song[6] = "http://iexplus.com/music/intro/theme6.wma";
song[7] = "http://iexplus.com/music/intro/theme7.wma";
song[8] = "http://iexplus.com/music/intro/theme8.wma";
song[9] = "http://iexplus.com/music/intro/theme9.wma";
song[10] = "http://iexplus.com/music/intro/theme10.wma";
song[11] = "http://iexplus.com/music/intro/theme11.wma";
</script>
이렇게 바꾼것이죠. 그러니 첫곡은 랜덤, 그 다음부터는 순차재생이 되는 것을 확인했습니다.
즉, explus 님께서 저렇게 홈페이지를 만드셔서 올리시면 다른 곳에서는 제대로 재생된다는 얘기. 한번 저렇게 만드셔서 다른 컴퓨터에서 확인해보시길 바랍니다~ 만약 된다면 explus 님의 컴터에 문제가 있는 것이겠죠~
그럼~ -
이주경
2003.05.08 17:34
explus 님~
제 홈페이지를 확인해보세요.
http://3byul.net입니다.
위의 소스를 그대로 이용한 BGM 을 가동시키고 있습니다. 제 홈페이지는 미플 6.4, 7.0, 9.0 버젼과 익스플로러 5.5, 6.0 에서 가동됨을 확인했습니다.
만약 제 홈페이지에서 BGM 이 안들리신다면 컴퓨터에 문제가 있는것 같기도 하고... 아직 저도 정확한 원인은 파악못했거든요. 죄송~~ -
explus
2003.05.08 20:08
감사합니다~ :)...쪽지 보냈습니다..^^;; -
장보임
2003.05.12 02:32
한바퀴 돌면...오류메세지 뜨고 더이상 재생이 안되는데 그건 어떻게 수정하죠? -
장진석
2003.05.19 08:24
흐음.. 제가 조사한 바에 의하면, 이 코드는 Windows Media Player 9.0 에서 계속 자동 연주가 되지 않는 것 같던데요? 집의 PC는 9.0을 쓰고 있는데.. 제 홈피의 BGM도 안되고, 샛별님의 것도 역시 안되더군요. 회사의 PC는 8.0 인데, 다 잘됩니다. 여하간에, 그래서 집의 PC의 윈미플 9.0을 언인스톨해서 버전 6.4로 낮춰버렸더니 그제서야 집에서 잘되더군요.
event=EndOfStream() 은 문제가 없는 것 같습니다. 왜냐하면 한 곡이 끝난 다음에 곡의 번호가 하나 증가하는 현상은 일어나거든요. (샛별님의 홈피도 마찬가지임을 확인하였음) 문제는 그 다음에 곡이 시작되지 않는 것이지요. 아마 윈미플 9.0 관련 문제인 것 같습니다.
다른 BGM에선 이 문제를 해결했던데.. 어찌 해결했는지 방법은 공개하지 않았더군요. 보나마나 parameter 한두개의 문제일텐데. 일일이 하나씩 다 테스트할수도 없고. 쩝. (거기 주인장이 고딩이라.. 좀 쪼잔한듯. ㅋㅋㅋ)
제 홈피는 http://mulmandu.bawi.org입니다. 와서 함 확인해보세요. 윈미플의 버전이 8.0 이하라면, 문제없이 배경음악이 계속 잘 연주될거고, 9.0 이라면 한곡만 플레이되고 더이상 안나올겁니다. -
이주경
2003.06.02 05:18
장진석님께서,,, 윈미플9.0 문제를 해결해주셨습니다. 자세한건 리플에 달려있고요.
저 리플을 보고,,, 제가 소스를 수정했습니다.
위의 내용은 수정된 소스이고요.
그냥, 참고삼아 수정된 부분을 적어봅니다.
<Script language="JavaScript">
function to_next()
{
bgnum = bgnum + 1;
if(bgnum == 7){bgnum = 1;}
bgmusic.Filename =song[bgnum];
}
</Script>
<script language="JScript" for="bgmusic" event="EndOfStream()">
setTimeout("to_next()", 100);
</script>
이 문제를 해결하기 위해 정말 힘써주신 장진석님께 정말 감사드리고요.
모두들 잘 사용해주시기 바랍니다~~ ^^:
그럼. -
엄은정
2003.06.02 23:21
맞게 한것같은데,, 어디가 틀린건지 제 컴퓨터가 이상한건지..
자꾸만 '오류:서버와의 연결이 끊어졌습니다' 라는게 떠요=ㅁ=::
어찌해야 좋을지;
http://sweeten.nayana.ro/menu.htm -
엄은정
2003.06.05 00:48
해결되었습니다 감사합니다:D
이렇게 멋진거 만들어주신것도 정말정말 감사드립니다>_< -
이주경
2003.06.04 20:00
저도 그렇게 뜹니다.
음악파일을 어디에 올리셨나요?
서버와의 연결이 끊어졌습니다. 라고 뜨는 것은
서버에서 그 음악파일의 다운을 막은 것 같은데요.
음악파일을 다른 서버에 올려보시길 바랍니다.
저는 참고로 네이버 무료계정을 이용중입니다. -
송은영
2003.06.13 17:56
감사합니당~~찾고있었는뎅..
잘쓰게습니당..^^ -
낡은청바지
2003.07.19 15:59
정말 감사함돠~ 추천하고 갑니돵~ ^^* -
배종규
2003.07.24 18:04
너무너무 잘되고
너무너무 좋습니다!
좋은 자료 너무너무 감사합니다~ -
김영삼
2003.10.20 20:09
감사합니다~잘쓰겠습니다~ -
김홍근
2003.11.22 22:37
정말 좋은 소스군요~ 잘 쓰겠습니다 ^^ -
적산
2004.01.14 12:17
올리신 소스 내용 중에서
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> 라는 부분이 있습니다.
워낙 초보라서 이부분을 이해하지 못했습니다.
(clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95") 이건 무엇을 하는 의미인지 설명을 부탁 드립니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
스킨에서 조건/반복문 여러줄 사용하기 [1] | 엘카 | 2011.06.10 |
[배경음악] 첫곡은 랜덤, 그 이후로는 순차재생 [20] | 이주경 | 2003.05.06 |
cafe24 호스팅시 XE 쉬운설치가 안될때 해결방법 ^^(ftp 설정 item) [2] | 연금술사™ | 2011.04.19 |
게시판에 회원확장변수정보 받아서 표시하기 [3] | burster | 2011.03.26 |
다음view(다음뷰) 애드온 사용시 댓글창의 뷰아이콘 지우기 [1] | 하늘종 | 2011.05.31 |
레이아웃 100% 일때 이미지리사이즈 Addon 넓이값 고정하기 | 고수군 | 2011.06.08 |
XE core 1.4.5.7 코드 오류,(상자 위젯 배경 안될때) [2] | 홍성빈닌 | 2011.05.17 |
최근 이미지 위젯 noimage 표시.. [6] | 개돌 | 2009.04.10 |
확장변수 - 주소입력 받을 시 안내문구 출력 [2] | 반디소리 | 2011.02.24 |
공지사항 정렬 문제 해결법 [4] | 희망일기 | 2010.08.20 |
유닉스에서 디스크 용량 체크 후 호출 해주는 프로그램 | 길버트전 | 2011.05.24 |
관리자페이지 회원목록을 일반페이지에서 사용하기 [5] | 늘푸른이 | 2010.08.07 |
맞춤형 검색창 만들기 [9] | thejeon | 2009.05.19 |
[PHP 동영상강의] 30. 테이블에 값을 추가해보자 [17] | 서기 | 2006.01.04 |
[PHP 기초] 연산자1 | 난다날아 | 2011.05.19 |
XE 프로젝트 호스팅 SVN 내용을 Google 프로젝트 호스팅으로 이전하기 | 난다날아 | 2011.05.17 |
따른사이트와 내채팅방 연동하기~!<미니온4편> [7] | 토끼매니아 | 2011.05.15 |
실시간 날씨를 불러오는 박스 입니다. [13] | 범피디 | 2007.12.03 |
'왕' '왕초보'를 위한 ZB4-->XE버전으로 이전시 가장 간단한 순서 [1] | 쭈영 | 2011.05.17 |
th 엘리먼트에 scope 속성 사용 [1] | 엘카 | 2011.05.14 |
미디어 관련 윈도우 코드인것 같은데요. 나모에서 미디어(동영상이나 플래시)를 삽입하면
그런 형태의 코드가 삽입됩니다~
신경쓰진 마세요. ^^