웹마스터 팁

이래저래 웹사이트와 익스프레스 사이트에서 얻은 간단한 소스로 잔머리좀 굴려 보았습니다.
뭐 초보가 올린 글이니, 고수님들께서는 그냥 패스 하셔도 좋습니다. 아니면, 잘못된 부분이나 더 쉬운 방법 있으면 가르쳐 주십시오.

예제 사이트 : 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"라는 폴더를 만들어서 그곳에 다 넣어서 작업하였습니다.
경로는 각자 사용하는 폴더에 맞춰서 변경해주셔야 합니다.

제목 글쓴이 날짜
사랑비Bgm 플레이기 설치하고 제어하기 [5] file 팔공산 2008.11.22
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함) [5] file ▩윤미 2002.07.14
XE를 홈페이지 루트에 설치하여 BGM 설치가 불가능할 때... [6] Firstlove 2011.05.29
UTF-8에서 호환되는 사랑비 BGM 올립니다. [8] file 로로아 2008.10.15
[동영상강좌] 홈페이지에 BGM을 달아보자 [5] 서기 2007.01.10
XE 홈피에 예쁜 음악BGM 넣는 방법(프레임 분리형 플래시BGM) 푸른커튼2 2011.04.18
BGM 넣기 및 간단한 제어 [2] Elinoa 2011.03.26
사랑비BGM 플레이기 설치하고 제어하기 [2] 스유군 2009.04.28
BGM Player (배경 음악) [17] 장진석 2004.02.16
간단한 BGM 스크립트 [7] file ZipShin 2002.07.21
[BGM]♬가상프레임에서 배경음악 켜고끄는 버튼 만들기 ^^; [10] abulo 2002.07.19
HTML만으로 BGM Player 만들기... [7] 고광욱 2003.01.02
BGM 등을 배경을 투명하게 iframe 으로 넣는 팁 [3] 푸른커튼 2008.02.05
홈페이지에 BGM달기 [1] SHIN군 2010.01.18
bgm 넣을려고 프레임 나눴을때 가로스크롤바 해결방법. [12] 또리♡485 2008.01.25
사랑비 BGM 설치 부터 내 사이트에 적용까지 한방에!!!!! [2] 오키도키 2009.08.03
zbxe에 bgm을 설치하자 [11] file 우리아기 2008.08.16
BGM 가로스크롤바 없애는 방법.. 청개굴이 2009.06.03
BGM 쓰시는분 게시판 에서 첨부파일 다운받을때 끊어지시죠?ㅎㅎ [4] 우리아기 2009.05.23
제로보드에 BGM 달기 (대폭 수정;;) [5] Dr.Mabin 2008.04.27