제로보드 XpressEngine1.4를 위한 음악BGM 애드온 프로그램 입니다

제로보드 XE 에서 프레임셋을 자동생성하여 음악BGM을 간단하게 설치하고
페이지 이동시에도 음악이 중간에 끊김없이 재생되도록 해주는 애드온 프로그램입니다

애드온 자체내에 제가 직접 제작한 플래시BGM을 포함하여
사랑비BGM,엑소버드BGM,아쿠아엠프등 33개의 국내 유명 BGM들을 내장하고 있습니다.
설정창에서 간단히 선택하여 제로보드XE에 BGM 을 설치하실 수 있습니다.
나오는 음원은 저작권을 고려하여 mp3가 아닌 국내 유명 인터넷라디오나 방송들로 하였습니다.

김민수님의 "배경 음악 재생기를 위한 프레임 나누기 도구 ver. 0.2.5"에
국내 유명 BGM들을 아예 애드온 자체에 내장시켜서 조금 더 사용이 쉽게 하였을 뿐입니다.
그러므로 이 애드온의 핵심골격의 원저작자는 김민수( http://www.imsoo.net )님임을 밝혀둡니다.
저는 거기에 BGM들을 추가한 푸른커튼( http://music24.kr )입니다
이 애드온 프로그램의 핵심개념과 어려운 프로그래밍 과정은 김민수님께서 모두 만드셨습니다

내장된 33종류의 BGM은 각 BGM의 제작자와 스킨제작자분들께 저작권이 있습니다

<애드온 설치방법>

1.먼저 제로보드 XpressEngine에 설치하는 애드온 뮤직프로그램이므로 자신의 홈페이지 계정에
제로보드 XpressEngine이 설치되어 있어야 합니다
(제로보드 XpressEngine은 홈페이지를 만드는데 많이 쓰이는 웹용 게시판 프로그램을 의미합니다)
(잘 모르시는 분들은 http://www.xpressengine.com 참조하세요)


2.제로보드가 이미 설치되어 있다는 전제하에 설명을 진행합니다
맨처음으로 이 글에 첨부되어있는music24.zip을 다운로드해서 압축을 푸시고
(혹시 폴더내에 폴더를 만들어 압축이 풀리지는 않았나 확인하고 업로드 하세요)
제로보드 설치경로의 하위폴더인 zeroboard/addons 폴더내에 ftp를 이용하여 업로드합니다.

3.제로보드에 관리자권한으로 로그인 하신 후 좌측상단에 보시면 아래 그림과 같은 메뉴가 있습니다
여기에서 " 관리"를 마우스로 누릅니다






4.그러면 나오는 아래와 같은 화면에서 " 애드온"이라는 탭을 누릅니다.




5.그러면 아래 그림과 같은 화면이 뜨는데
"음악 BGM Addon" 이라는 항목을 찾아서
그 글자 맨 우측에
<--이런 모양의 버튼을 마우스로 누르시면
<--이런 모양으로 바뀔겁니다
(이것은 해당 애드온 프로그램을 활성화시켜서 나타나게 하는 것입니다)





6.이제 음악 BGM Addon의 상세설정을 해야합니다..
음악 BGM Addon 글자 오른쪽의
<--이렇게 생긴 버튼을 누르면 아래와 같은 팝업창이 뜹니다




7.아래와 같은 그림에서 거꾸로된 삼각형표시를 눌러서
음악bgm을 홈페이지의 상단에 나타나게 할 것인지 홈페이지 하단에 나타나게 할 것인지를 선택합니다



8.아래와 같은 항목에서는 원하는 음악 BGM을 선택합니다

*BGM 실제 모양들의 미리보기는--> http://music24.kr/xe/sarangbi/809



9.위의 bgm선택할 때 써있는 bgm이름 옆의 (높이:23)이라는 BGM높이를 참고하여 아래와 같이 BGM의 높이를 지정해줍니다




10.마지막으로맨 아래에 있는
버튼을 눌러주면 다 된 것입니다.


11.이제 제로보드 홈페이지을 열어보시면 아래 그림과 같이 음악BGM이 설치된 것을 보실 수 있습니다.





이상 제로보드에 음악BGM 애드온을 적용하는 방법을 설명드렸습니다.
출처는 http://music24.kr 입니다.
감사합니다.


첨부파일:music24.zip

--------------------------------------------------------------------------------------------------

참고로 이 제로보드 애드온은 웹서버의 root 상에 제로보드를 깔았기 때문에
구조적으로 프레임을 나누기 어려운 경우에 쓰는 애드온 이구요
./root/xe 와 같이 폴더를 따로 만들어 제로보드를 깐 경우는 굳이 이 애드온을 쓰실 필요는 없습니다.

수동으로 프레임셋을 만들고 그 프레임셋내에서 제로보드와 bgm을 따로따로 불러와도 됩니다
참고로 제 홈페이지(http://music24.kr )의 프레임셋 소스를 아래에 적어둡니다

<HTML>
<HEAD>
<TITLE>홈페이지</TITLE>
</HEAD>
<frameset rows="20,*" border=0>
<frame name='bgm2' src='http://bgm.music24.kr/bgm/f1.php '>
<frame name='main' src=' http://music24.kr/xe/ '>
</frameset>
</HTML>


'제로보드XE' 카테고리의 다른 글

제로보드XE용 아날로그시계 위젯 ver1.0  (0) 2008.02.12


첨부파일: music24_kr_clock.zip


제로보드XE 를 위한 플래시 아날로그시계 위젯입니다.


[선행버전] 제로보드XE beta ver 0.2.9 - 수정 1 에서 테스트 햇습니다

아까는 파란블로그에 파일을 올렸더니 이름을 바꾸어서 다운로드되어서 위젯에 에러가 났었습니다..

그래서 수정해서 다시 올립니다. 죄송합니다.

압축을 푸신 후에 폴더이름이 "music24_kr_clock"인지와 폴더내에 또폴더가 있는지도

확인을 하세요..

이름이 다르거나 파일의 위치가 다르면 에러납니다.


초보분들을 위해서 이 위젯 사용법을 설명해보겠습니다..

아래의 설명에 사용된 사진들은 잘 보이지 않으면 클릭하면 크게 볼 수 있습니다



1.먼저 첨부파일을 받아서 압축푸시고 ,제로보드XE가 설치된 폴더의 widgets 폴더 내에

(http://홈페이지 도메인/zeroboardxe/widgets/music24_kr_clock/)업로드 합니다.

2. 제로보드XE 관리자 모드로 로그인 하시고 좌측메뉴중에 "관리형모듈"--> "위젯" 을 눌러 위젯 관리창으로 갑니다


3. 위 1번에서 제대로 설치를 하셧다면 아래 그림과 같이 위젯 관리창에 "아날로그 플래시 시계"라는 항목과 그에 따른 설명이 보입니다

snap410.jpg
(사진을 클릭하면 크게 볼 수 있습니다)

4. 이제 시계위젯 사용을 위해서 코드를 생성해보겠습니다. 관리자 메뉴의 좌측메뉴에 "관리형모듈--> "레이아웃"을 누릅니다

5.레이아웃 편집을 누릅니다.


6.레이아웃 편집 창에서 "아날로그 플래시 시계"버튼을 누릅니다.

snap407.jpg
(사진을 클릭하면 크게 볼 수 있습니다)

7. 코드생성창에서 원하는 스킨을 풀다운메뉴에서 선택해 고르시고 가로길이와 세로길이를 170 정도로 적절하게넣으시고

코드생성 버튼을 눌러 코드를 생성합니다.

.

플래시 시계스킨은 아날로그 10개, 디지탈 5개,BGM 한개 중에서 선택하실 수 있습니다.

(BGM 위젯은 스킨을 더 추가해서 배포하겠습니다)

(사진을 클릭하면 크게 볼 수 있습니다)



8. 위에서 생성한 코드를 레이아웃 관리창 메인하단의 코드편집창에 넣어야 하는데..

넣을 곳의 위치를 잘 찾아서 넣어야 합니다. 키보드로 ctrl키와 F 키를 동시에 눌러서 검색창을

띄우고 <!-- 컨텐츠 시작 --> 이라는 글자를 찾습니다.. 그 컨텐츠시작이라는 글자바로 위 3째칸 위치에

아래와 같이 조금 전에 생성한 그 코드를 붙여넣습니다. 아래는 예제

---------------------------------------------------------------------------

<!--@end--><!--@end-->
</ol>
<
!--@end-->


<img width="100%" height="100" src="http://necast.dnip.net/xe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="music24_kr_clock" body="" skin="analog3" colorset="normal" widget_cache="0" clock_width="160" clock_height="160" widget_sequence="140" />

</div>
<div id="columnRight">
<!-- 컨텐츠 시작 -->

-----------------------------------------------------------------------

(사진을 클릭하면 크게 볼 수 있습니다)

아래 그림은 시계를 4개 붙여넣은 예제입니다..

(사진을 클릭하면 크게 볼 수 있습니다)


(사진을 클릭하면 크게 볼 수 있습니다)

9. 코드를 붙여 넣었으면 저장버튼을 누릅니다..

그러면 아래그림과 같이 제로보드 페이지 좌측메뉴에 아날로그 시계가 생겨난 것을 볼 수 있습니다



10. 수고하셨습니다. 짝짝짝.. ^^* 좋은 하루 되세요..

p/s .위 설명글이나 위젯은 자유롭게 스크랩,사용,배포하셔도 됩니다.


주의사항: 디지털시계인 경우는 동시에 여러개를 설치하시면 스크립트간에 충돌이 나서


관리창에도 접속이 않될 수 있사오니 디지털시계는 1개나 2개 이하로만 설치하세요


음악BGM 스킨도 하나 넣었는데요 그건 페이지 이동시 중복재생되는 문제가 있습니다.

제로보드가 원프레임 인줄 알았는데 이상하게 BGM 스킨을 넣으면 페이지 이동시마다 BGM 이

한개씩 추가로 더 재생이 됩니다.. 좋은 해결책 아시는 분 계시면 (rksk707@hotmail.com )으로 연락주십시오..

BGM 스킨을 10여개 넣어서 위젯을 만들어보려는데 중복재생이 문제네요..


자세한 설명은 http://music24.kr 에 해두겠습니다.

적용된 모습보기는-> http://necast.dnip.net/xe/


문의사항은 rksk707@hotmail.com

첨부파일: music24_kr_clock.zip




제로보드는 홈페이지만드는 데 쓰는 게시판 프로그램입니다..--> http://zeroboard.com


+ Recent posts