웹마스터 팁
BGM 넣기 및 간단한 제어
2011.03.26 00:30
이래저래 웹사이트와 익스프레스 사이트에서 얻은 간단한 소스로 잔머리좀 굴려 보았습니다.
뭐 초보가 올린 글이니, 고수님들께서는 그냥 패스 하셔도 좋습니다. 아니면, 잘못된 부분이나 더 쉬운 방법 있으면 가르쳐 주십시오.
예제 사이트 : http://elinoa.iptime.org
(절대 사이트 광고 아닙니다.)
제로보드 익스프레스에서 사용할려면 아래 주소로 가셔서 해당 애드온을 먼저 설치하여야 합니다.
http://www.xpressengine.com/?mid=download&package_srl=18648969
설치를 하셨다면, music.html를 만들어 노래가 돌아가는 파일을 하나 만들어야 합니다.
아래는 music.html 소스 입니다.
<object id="mplayer" width="280" height="60" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
type="application/x-oleobject">
<param name="autoStart" value="1">
<param name="volume" value="50">
<param name="showstatusbar" value="1">
</object>
<script language="JavaScript">
song = new Array();
song[00] = "00.mp3";
song[01] = "01.mp3";
song[02] = "02.mp3";
song[03] = "03.mp3";
song[04] = "04.mp3";
song[05] = "05.mp3";
song[06] = "06.mp3";
song[07] = "07.mp3";
song[08] = "08.mp3";
song[09] = "09.mp3";
song[10] = "10.mp3";
song[11] = "11.mp3";
song[12] = "12.mp3";
song[13] = "13.mp3";
song[14] = "14.mp3";
song[15] = "15.mp3";
function bgMusic(){
idx = Math.floor(Math.random() * song.length);
mplayer.open(song[idx]);
}
bgMusic();
</script>
<script language=javascript for=mplayer Event="EndOfStream()">
setTimeout("bgMusic()", 1000);
</script>
그냥 노래를 계속 듣고 있으면 다른곡으로 바뀝니다.
저 같은 경우는 듣기 싫으면 넘기는 아주 나쁜 버른이 있어서...잔머리 굴려서 버튼을 하나를 추가 하였습니다.
제수없으면 똑같은 노래가 또 나옵니다.
아래 코드를 원하는 위치에 삽입합니다.
<script>
function PlayIt(){
top.new_frame.mplayer.Play();
}
function StopIt(){
top.new_frame.mplayer.Stop();
}
function PauseIt(){
top.new_frame.mplayer.Pause();
}
</script>
<table width="70" height="10" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="right"><a href="javascript:PauseIt();"><img src="music/pause.png" alt="일시정지" width="10" height="10" border="0" /></a></td>
<td align="right"><a href="javascript:PlayIt();"><img src="music/play.png" alt="듣기" width="10" height="10" border="0" /></a></td>
<td align="right"><a href="javascript:StopIt();"><img src="music/stop.png" alt="정지" width="10" height="10" border="0" /></a></td>
<td align="right"><a href="music/music.html" target="new_frame"><img src="music/next.png" alt="다음" width="10" height="10" border="0" /></a></td>
</tr>
</table>
게시판 같은경우 상단 소스 넣는 부분에 이용하여 복사 하시면 됩니다.
※ 이미지는 10픽셀 크기로 원하는 위치에 만들어서 넣어서 사용하십시오.
빼먹어서 밑에 추가 합니다.
본인 같은경우 XE 폴더 밑에 "music"라는 폴더를 만들어서 그곳에 다 넣어서 작업하였습니다.
경로는 각자 사용하는 폴더에 맞춰서 변경해주셔야 합니다.
댓글 2
-
Elinoa
2011.03.26 12:29
제 기억으로는 파이어폭스 plungin.dat 파일인가? 그곳에 형식을 등록해야...
embed 와 object 로 연결된 mp3 파일이 재생되는것으로 알고 있습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
BGM 넣기 및 간단한 제어 [2] | Elinoa | 2011.03.26 |
타이틀에 홈페이지 제목 추가 시키기
[5]
![]() | 웹 엔진 | 2011.03.17 |
jQuery 강의 #1. css에 대해 이해해보자. [1] | 서기 | 2011.03.03 |
각 게시판 헤더에 언어 변경 버튼 추가하기 [1] | cjsound | 2011.03.21 |
제로보드 관리자 레벨이 관리자 레벨로 안나올때 [5] | 나무넷 | 2007.08.23 |
사랑비BGM 플레이기 설치하고 제어하기 [2] | 스유군 | 2009.04.28 |
XE 모듈/스킨 개발시 사용 가능한 변수 알아내기 [3] | 도라란 | 2011.02.27 |
z-index 값 설정하기... [2] | ForHanbi | 2011.03.15 |
UTF-8 파일을 열면 글자가 깨져요 어떤 에디터를 사용해야 하나요? [2] | 최소영329 | 2009.02.03 |
문자열 처리 함수 + 파일 처리 함수 [1] | 999 | 2011.02.22 |
[생초보팁] 레이아웃 스킨 강좌 사이트 [2] | HolyJohn | 2010.12.29 |
추천수와 비추천수를 합친 값을 보여주기 | lol :) | 2011.03.11 |
사진링크가 깨져서 엉망이네요 [1] | 김성회 | 2011.03.11 |
jQuery 강의 #2. 셀렉터에 스타일을 적용해보자. | 서기 | 2011.03.08 |
페이지 수정시 팝업창 높이 조절... [1] | 브레인630 | 2011.03.07 |
이용자가 댓글을 닉네임으로 검색할순 없나요? [2] | gc00 | 2011.03.04 |
CSS 사용시 익스플로러 버그 해결하기. [3] | NineTail | 2007.08.28 |
[확장변수] 게시물을 새창에서 전체화면으로 보기
[2]
![]() | 고진감래 | 2009.10.09 |
php5 설정(최적화) | fsfsdas | 2011.02.20 |
메뉴 클릭시 알림메시지 띄우기 [1] | 도라란 | 2011.02.27 |