웹마스터 팁

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

예제 사이트 : 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 넣기 및 간단한 제어 [2] Elinoa 2011.03.26
타이틀에 홈페이지 제목 추가 시키기 [5] file 웹 엔진 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] file 고진감래 2009.10.09
php5 설정(최적화) fsfsdas 2011.02.20
메뉴 클릭시 알림메시지 띄우기 [1] 도라란 2011.02.27