웹마스터 팁

얼마전에 랜덤재생에 대한 스크립트를 올렸던 사람입니다.
이번 소스는 그와는 약간 다른,
첫곡은 랜덤으로 선택하고 그 다음곡 부터는 순차적으로 재생하는 소스입니다.
저는 이 방법을 개인적으로 더 좋아하고요, 역시 이걸 사용중입니다.
그럼~~ 시작해볼까요.

(제가 정말 힘들게 만든 소스이므로 무단 복사나 타 사이트 배포를 금지합니다.)


<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>

유용하게 쓰였으면 합니다. 그럼~~
제목 글쓴이 날짜
스킨에서 조건/반복문 여러줄 사용하기 [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] file 개돌 2009.04.10
확장변수 - 주소입력 받을 시 안내문구 출력 [2] 반디소리 2011.02.24
공지사항 정렬 문제 해결법 [4] 희망일기 2010.08.20
유닉스에서 디스크 용량 체크 후 호출 해주는 프로그램 길버트전 2011.05.24
관리자페이지 회원목록을 일반페이지에서 사용하기 [5] file 늘푸른이 2010.08.07
맞춤형 검색창 만들기 [9] thejeon 2009.05.19
[PHP 동영상강의] 30. 테이블에 값을 추가해보자 [17] 서기 2006.01.04
[PHP 기초] 연산자1 난다날아 2011.05.19
XE 프로젝트 호스팅 SVN 내용을 Google 프로젝트 호스팅으로 이전하기 file 난다날아 2011.05.17
따른사이트와 내채팅방 연동하기~!<미니온4편> [7] file 토끼매니아 2011.05.15
실시간 날씨를 불러오는 박스 입니다. [13] file 범피디 2007.12.03
'왕' '왕초보'를 위한 ZB4-->XE버전으로 이전시 가장 간단한 순서 [1] 쭈영 2011.05.17
th 엘리먼트에 scope 속성 사용 [1] file 엘카 2011.05.14