웹마스터 팁

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

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

제목 글쓴이 날짜
블루호스트(Bluehost)에서 XE 제로보드 및 텍스타일 블로그 서브도메인에 설치하기 [4] file TELSTER 2011.03.25
BGM 넣기 및 간단한 제어 [2] Elinoa 2011.03.26
게시판에 회원확장변수정보 받아서 표시하기 [3] burster 2011.03.26
모두 새로 코딩된 선우님의 새로운 레이아웃.... 유샤인 2011.03.28
"현재 xe코어1.4.4.4버전에서는 익스플로어에서 페이지수정 등의 작업을 할때 에러가 자주 발생하곤 합니다." 유샤인 2011.03.29
관리자페이지 레이아웃에 게시판을 달아보자 [3] 푸름빠 2011.03.29
데이터이전 회원관련해서 알아야 할 사항 [2] 푸름빠 2011.04.03
1.4.5 업데이트후 로그인 안되시는 분들 [3] BlogJh 2011.04.03
P 개행처리를 BR처럼 Garon 2011.04.04
IE9에서 xeed 사용하기(파일첨부 및 Enter키) [2] file 전승남508 2011.04.05
[XE] 1.4.5.x 업데이트 후 레이아웃 오류 수정법 [7] file SeklutZ 2011.04.07
[모바일] 모바일웹에서 Pc버전갔다가 다시 모바일버전으로 갈라면 [1] 푸름빠 2011.04.07
내 PC에서 XE 빠르게 설치하는 방법 [7] 차오이 2011.04.10
텍스타일 카테고리 글목록수 수정 신군임니돠 2011.04.12
레이아웃 위젯 권한 넣기 [14] 해피해킹 2011.04.12
1.4.5.2로 업데이트 후 짧은 주소가 제대로 되지 않으실때... [8] file 라르게덴 2011.04.12
업데이트 어떻게 해야 오류 없이 되나요? [1] 김농주 2011.04.12
[Css]필터 관련 스타일시트 속성 [1] 웹엔진 2011.04.13
갑자기 관리자 페이지가 안보이거나 330 오류가 날 때는 이렇게 해결! [2] file 세라오빠 2011.04.13
댓글 쪽지 알림시 원본글 URL 설정 [1] unnumiya 2011.04.15