웹마스터 팁
사랑비Bgm 플레이기 설치하고 제어하기
2008.11.22 04:07
사랑비bgm을 메인화면에서 제어해보니 XE홈페이지에서 많은 문제점를 일으키는군요.
메인화면 제어팁을 올려주신 Pw-NET님도 댓글에 문제를 이야기 하셨구요.
처음에는 몰랐는데 며칠 사용해 보니 XE 본프레임을 자주 볼러오지를 못하는군요. 특히 리프레쉬를 하면 심합니다.
그래서 사랑비bgm을 설치해서 음악을 듣기를 원하시면 메인화면제어를 사용하지 마시고, 프레임으로 사용하시길 권합니다.
굳이 메인화면 제어기능을 사용하실려면 시노부bgm를 사용하시면 문제점들이 줄어듭니다.
그러나 시노부bgm도 완전하지는 않습니다. 아무래도 프레임을 나누어 사용하여야 하므로 제약이나 약간의 문제점은 있습니다.
그리고 설치나 사용환경도 사랑비bgm에 비해서 약간은 어렵습니다.
http://moonhouse.co.kr/zbxe/121868
메인화면 제어팁을 올려주신 Pw-NET님도 댓글에 문제를 이야기 하셨구요.
처음에는 몰랐는데 며칠 사용해 보니 XE 본프레임을 자주 볼러오지를 못하는군요. 특히 리프레쉬를 하면 심합니다.
그래서 사랑비bgm을 설치해서 음악을 듣기를 원하시면 메인화면제어를 사용하지 마시고, 프레임으로 사용하시길 권합니다.
굳이 메인화면 제어기능을 사용하실려면 시노부bgm를 사용하시면 문제점들이 줄어듭니다.
그러나 시노부bgm도 완전하지는 않습니다. 아무래도 프레임을 나누어 사용하여야 하므로 제약이나 약간의 문제점은 있습니다.
그리고 설치나 사용환경도 사랑비bgm에 비해서 약간은 어렵습니다.
http://moonhouse.co.kr/zbxe/121868
http://moonhouse.co.kr/zbxe/xetip/223786
위의 목록에서 XE에서도 사랑비Bgm을 설치할수가 있습니다.
그리고 http://www.xpressengine.com/zbxe_user_tip/17458534 팁으로 Bgm을 히든 시키고 본화면에서 콘트롤러로 음악을 제어할수 있습니다.
위의 두내용을 섞어서 조금은 이해가 쉽게 정리해 봅니다.
우선 위목록에 있는 사랑비Bgm으로는 설치하면 플레이는 작동되나,
아래 본화면 콘크롤러팁을 적용할시 콘트롤러에 문제가 발생합니다.
그래서 약간 편집된 사랑비Bgm파일을 올립니다.
그리고 XE가 루트에 설치되어 있을시 Bgm플레이기가 페이지갱신시 마다 새로 생기므로,
Bgm을 사용하기 위해서는 XE를 하부폴더를 만들어서 옮겨 주어야 합니다.
만약 루트에서 XE를 생성하셨다면 zbxe라는 폴더를 하나 만들어서 루트안의 XE파일들을 zbxe폴더로 옮기시면 됩니다.
[설치]
1. sa.zip 파일의 압축을 풀어서 호스팅의 루트에 sa폴더 그대로 올립니다.(이름 변경시 차후에 약간의 변경이 필요합니다)
- ftp로 접속시 www 나 public_html에 sa폴더로 올림
2. 루트에 index.php 파일을 올립니다. - ftp로 접속시 www 나 public_html 폴더안에 올림
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=euc-kr'>
<title>홈페이지</title>
</head>
<frameset rows="0,*" border="0">
<frame src="/sa/sarangbi_bgm.php" name="bgm" scrolling="no" noresize marginwidth="0" marginheight="0">
<frame src="/zbxe" name="main" scrolling="auto" marginwidth="0" marginheight="0" >
</frameset>
</html>
<head>
<meta http-equiv='content-type' content='text/html; charset=euc-kr'>
<title>홈페이지</title>
</head>
<frameset rows="0,*" border="0">
<frame src="/sa/sarangbi_bgm.php" name="bgm" scrolling="no" noresize marginwidth="0" marginheight="0">
<frame src="/zbxe" name="main" scrolling="auto" marginwidth="0" marginheight="0" >
</frameset>
</html>
홈페이지 - 이 부분에 브라우즈 제목줄에 나타날 문구를 넣어주세요.(예;문하우스)
보라색부분 - 이 부분이 생각외로 중요합니다. 경로도 중요하지만 name=""부분도 본문에서 콘트롤 제어시 중요한 역활을 하므로 주의깊게 보세요.(저의 팁을 그대로 따라하실거면 안 그래도 됨)
설명을 하자면 첫화면을 아래/위 둘로 나누어서,
위에는 Bgm플레이에서 음악이 나오고,
아래는 XE본화면이 나오게 합니다.
그런데 위의 Bgm화면은 히든으로 숨기고 XE본화면만 보이게 하면서 음악이 나오게 한다는 뜻이죠.
그래서 위의 Bgm화면을 숨겼으니 본화면에서 음악플레이기를 제어할 수 있게 만들어야 겠죠.
3. Bgm콘트롤러를 달고 싶은 레이아웃에서 편집을 눌러서 붙이고 싶은 위치에 아래의 소스를 붙여넣기 하면됩니다.
<!-- Sarangbi BGM Frame Controller -->
<?
$bgm = "/sa";
?>
<div class="blogTitleBox" align=center style="font-size:10pt;color:#ff6600;">
Music Control(<span id=mintime>00:00</span>/<span id=maxtime>00:00</span>)
</div>
<div class="widgetBox" align=center>
<form name=mu><marquee width="140" behavior="alternate" scrolldelay=100 scrollamount=2 onmouseover="this.stop()" onmouseout="this.start()"><input name=mus size=37 style="border:1px solid #ffffff; font-size:8pt;color:#00afcf;text-align:center;"></marquee></form>
<a onclick="parent.frames['bgm'].method_PreviousButtonPush();" onMouseOver="document.pre.src='<?=$bgm?>/skin/tomboy/button/back_over.gif'+ '+ ';" onMouseOut="document.pre.src='<?=$bgm?>/skin/tomboy/button/back.gif';"><img name=pre src="<?=$bgm?>/skin/tomboy/button/back.gif" width="13" height="13" border="0" alt="이전"></a>
<a onclick="parent.frames['bgm'].method_PlayButtonPush();" onMouseOver="document.pla.src='<?=$bgm?>/skin/tomboy/button/play_over.gif';" onMouseOut="document.pla.src='<?=$bgm?>/skin/tomboy/button/play.gif';"><img name=pla src="<?=$bgm?>/skin/tomboy/button/play.gif" width="13 " height="13" border="0" alt="재생"></a>
<a onclick="parent.frames['bgm'].method_NextButtonPush();" onMouseOver="document.nex.src='<?=$bgm?>/skin/tomboy/button/forward_over.gif';" onMouseOut="document.nex.src='<?=$bgm?>/skin/tomboy/button/forward.gif';"><img name=nex src="<?=$bgm?>/skin/tomboy/button/forward.gif" width="13" height="13" border="0" alt="다음"></a>
<a onclick="parent.frames['bgm'].method_PauseButtonPush();" onMouseOver="document.pau.src='<?=$bgm?>/skin/tomboy/button/pause_over.gif';" onMouseOut="document.pau.src='<?=$bgm?>/skin/tomboy/button/pause.gif';"><img name=pau src="<?=$bgm?>/skin/tomboy/button/pause.gif" width="13 " height=" 13" border="0" alt="잠시멈춤"></a>
<a onclick="parent.frames['bgm'].method_StopButtonPush();" onMouseOver="document.sto.src='<?=$bgm?>/skin/tomboy/button/stop_over.gif';" onMouseOut="document.sto.src='<?=$bgm?>/skin/tomboy/button/stop.gif';"><img name=sto src="<?=$bgm?>/skin/tomboy/button/stop.gif" width="13" height="13" border="0" alt="정지"></a>
<a onclick="parent.frames['bgm'].method_VolumnUpButtonPush();" onMouseOver="document.volup.src='<?=$bgm?>/skin/tomboy/button/volume_up_over.gif';" onMouseOut="document.volup.src='<?=$bgm?>/skin/tomboy/button/volume_up.gif';"><img name=volup src="<?=$bgm?>/skin/tomboy/button/volume_up.gif" width="13" height="13" border="0" alt="소리 +"></a>
<a onclick="parent.frames['bgm'].method_VolumnDownButtonPush();" onMouseOver="document.voldn.src='<?=$bgm?>/skin/tomboy/button/volume_down_over.gif';" onMouseOut="document.voldn.src='<?=$bgm?>/skin/tomboy/button/volume_down.gif';"><img name=voldn src="<?=$bgm?>/skin/tomboy/button/volume_down.gif" width="13" height="13" border="0" alt="소리 -"></a>
<a onclick="parent.frames['bgm'].method_BGMListButtonPush();" onMouseOver="document.lis.src='<?=$bgm?>/skin/tomboy/button/list_over.gif';" onMouseOut="document.lis.src='<?=$bgm?>/skin/tomboy/button/list.gif';"><img name=lis src="<?=$bgm?>/skin/tomboy/button/list.gif" width="13" height="13" border="0" alt="플레이리스트"></a>
<!--@if($logged_info->is_admin == 'Y')-->
<a onclick="parent.frames['bgm'].method_SetupButtonPush();" onMouseOver="document.adm.src='<?=$bgm?>/skin/tomboy/button/admin_over.gif';" onMouseOut="document.adm.src='<?=$bgm?>/skin/tomboy/button/admin.gif';"><img name=adm src="<?=$bgm?>/skin/tomboy/button/admin.gif" width="13" height="13" border="0" alt="관리자페이지"></a><!--@end-->
</div>
<?
$bgm = "/sa";
?>
<div class="blogTitleBox" align=center style="font-size:10pt;color:#ff6600;">
Music Control(<span id=mintime>00:00</span>/<span id=maxtime>00:00</span>)
</div>
<div class="widgetBox" align=center>
<form name=mu><marquee width="140" behavior="alternate" scrolldelay=100 scrollamount=2 onmouseover="this.stop()" onmouseout="this.start()"><input name=mus size=37 style="border:1px solid #ffffff; font-size:8pt;color:#00afcf;text-align:center;"></marquee></form>
<a onclick="parent.frames['bgm'].method_PreviousButtonPush();" onMouseOver="document.pre.src='<?=$bgm?>/skin/tomboy/button/back_over.gif'+ '+ ';" onMouseOut="document.pre.src='<?=$bgm?>/skin/tomboy/button/back.gif';"><img name=pre src="<?=$bgm?>/skin/tomboy/button/back.gif" width="13" height="13" border="0" alt="이전"></a>
<a onclick="parent.frames['bgm'].method_PlayButtonPush();" onMouseOver="document.pla.src='<?=$bgm?>/skin/tomboy/button/play_over.gif';" onMouseOut="document.pla.src='<?=$bgm?>/skin/tomboy/button/play.gif';"><img name=pla src="<?=$bgm?>/skin/tomboy/button/play.gif" width="13 " height="13" border="0" alt="재생"></a>
<a onclick="parent.frames['bgm'].method_NextButtonPush();" onMouseOver="document.nex.src='<?=$bgm?>/skin/tomboy/button/forward_over.gif';" onMouseOut="document.nex.src='<?=$bgm?>/skin/tomboy/button/forward.gif';"><img name=nex src="<?=$bgm?>/skin/tomboy/button/forward.gif" width="13" height="13" border="0" alt="다음"></a>
<a onclick="parent.frames['bgm'].method_PauseButtonPush();" onMouseOver="document.pau.src='<?=$bgm?>/skin/tomboy/button/pause_over.gif';" onMouseOut="document.pau.src='<?=$bgm?>/skin/tomboy/button/pause.gif';"><img name=pau src="<?=$bgm?>/skin/tomboy/button/pause.gif" width="13 " height=" 13" border="0" alt="잠시멈춤"></a>
<a onclick="parent.frames['bgm'].method_StopButtonPush();" onMouseOver="document.sto.src='<?=$bgm?>/skin/tomboy/button/stop_over.gif';" onMouseOut="document.sto.src='<?=$bgm?>/skin/tomboy/button/stop.gif';"><img name=sto src="<?=$bgm?>/skin/tomboy/button/stop.gif" width="13" height="13" border="0" alt="정지"></a>
<a onclick="parent.frames['bgm'].method_VolumnUpButtonPush();" onMouseOver="document.volup.src='<?=$bgm?>/skin/tomboy/button/volume_up_over.gif';" onMouseOut="document.volup.src='<?=$bgm?>/skin/tomboy/button/volume_up.gif';"><img name=volup src="<?=$bgm?>/skin/tomboy/button/volume_up.gif" width="13" height="13" border="0" alt="소리 +"></a>
<a onclick="parent.frames['bgm'].method_VolumnDownButtonPush();" onMouseOver="document.voldn.src='<?=$bgm?>/skin/tomboy/button/volume_down_over.gif';" onMouseOut="document.voldn.src='<?=$bgm?>/skin/tomboy/button/volume_down.gif';"><img name=voldn src="<?=$bgm?>/skin/tomboy/button/volume_down.gif" width="13" height="13" border="0" alt="소리 -"></a>
<a onclick="parent.frames['bgm'].method_BGMListButtonPush();" onMouseOver="document.lis.src='<?=$bgm?>/skin/tomboy/button/list_over.gif';" onMouseOut="document.lis.src='<?=$bgm?>/skin/tomboy/button/list.gif';"><img name=lis src="<?=$bgm?>/skin/tomboy/button/list.gif" width="13" height="13" border="0" alt="플레이리스트"></a>
<!--@if($logged_info->is_admin == 'Y')-->
<a onclick="parent.frames['bgm'].method_SetupButtonPush();" onMouseOver="document.adm.src='<?=$bgm?>/skin/tomboy/button/admin_over.gif';" onMouseOut="document.adm.src='<?=$bgm?>/skin/tomboy/button/admin.gif';"><img name=adm src="<?=$bgm?>/skin/tomboy/button/admin.gif" width="13" height="13" border="0" alt="관리자페이지"></a><!--@end-->
</div>
위의 소스에서 보라색부분이 2번 설명에서 보라색부분 name=""의 영향을 받습니다.
위와 다르게 name=""을 주시면 음악시간이나 문구란에 글이 작동하지를 않습니다.
그리고 이 팁도 한번 보세요 도움이 될 것입니다. http://moonhouse.co.kr/zbxe/122064
태그 연관 글
- [2023/08/23] 묻고답하기 쇼핑몰 기능
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. *3
- [2018/07/01] 묻고답하기 레이아웃 및 문서페이지 스킨 설치안됨
- [2017/11/03] 묻고답하기 border 태그가 균등하게 적용이 안되는데 어떻게해야할까요? *2
댓글 5
-
청춘개똥
2008.11.23 16:32
-
syh
2008.11.25 10:43
사랑비 사용한적이 없어서 그런데요...
업로드 하고 설치(install.php)하고 나서 위 팁대로 덮어 씌워야 하나요??
그냥 하니까 스킨은 나오는데 버튼이 전혀 동작하지 않네요...
제가 잘 몰라서... 자세히 좀 알려주실수 있나요?? -
Pw-NET
2008.11.25 19:28
안녕하세요 해당 팁 올린 Pw-NET입니다
프로그램을 수정하면서 생긴 결과인데 페이지가 프레임 형태로 구현되어 있지 않으면 Sarangbi BGM Player이 정상적으로 작동하지 않습니다. 반드시 프레임을 이용하여 sarangbi_bgm.php를 호출해주세요. -
calko
2008.12.05 14:52
위에 올려주신 모든 경우를 테스트해봤는데, Firefox 에서는 모두 안되는데요.
FF에서도 되는 방법알려주시면 고맙겠습니다. -
guny
2008.12.13 23:12
책임감 ....................
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
사랑비Bgm 플레이기 설치하고 제어하기
[5]
 | 팔공산 | 2008.11.22 |
|
OpenSSL 웹에 직접 구축하기
[2]
| 워리도꾸 | 2016.02.16 |
| 스케치북 갤러리 제목에 카테고리 추가하기. [1] | 보보2 | 2017.07.17 |
| XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,] [77] [1] | 웹엔진 | 2011.02.28 |
| 글등록시 포인트차감으로 등록불가 설정시 개별설정이 아닌 전체 설정 기준으로만 사용할 경우는 적용 안 되는 버그 수정법 | sejin7940 | 2017.08.23 |
| 폰갭 자기 전화번호 추출 | 한꼬마 | 2017.08.14 |
| 폰갭 버전 업데이트 후 push 안되시는 분들께.. | 한꼬마 | 2017.08.09 |
| 포인트 적립 횟수 일별 제한하기 (게시글 및 댓글 작성시) | Redback | 2017.06.18 |
|
다음 우편번호 5자리 적용
[1]
| 뒤늦게입문 | 2017.03.15 |
|
HTML, CSS 등 코드를 깔끔하게 정렬
[6]
| 참치.k | 2013.01.11 |
| SASS? CSS확장판 | 키큰아이 | 2017.05.09 |
| 사용자정의에서 URL형, email형, textarea 형등에서도 기본값 인식하게 하려면 | sejin7940 | 2017.04.25 |
| 비밀글에 대해서도 썸네일이미지는 출력되도록 하고 싶으면 | sejin7940 | 2017.04.12 |
| 제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] | 쿨리안 | 2003.06.28 |
| 게시글 확장변수 순으로 정렬하기 (2010.01.18 13:18 수정) [24] | June Oh | 2010.01.11 |
| 인기글 [1] | kdp | 2015.05.07 |
| [주옥시리즈]최신글,인기글 위젯에 댓글수 표기하기 [1] | socialskyo | 2013.10.01 |
|
.htaccess 파일 관련 팁(웹 사이트 퍼포먼스 향상 및 트래픽 절감 효과)
[21]
| 서시빈목 | 2013.10.22 |
| 압축 풀어 설치했던 XE를 git으로 변환하기 [6] | 기진곰 | 2015.02.25 |
| 반응형 기본 개념 | Ansi™ | 2017.02.27 |
제가 며칠을 고생하다가 설치한건데.... ㅜㅜ
이게 훨씬 발전된 형태네요...
그럼에도 불구하고 메뉴얼 읽어보니... 쉽게 도전할 게 아닌듯 해서 그냥 있는거 쓰렵니다 ㅜㅜ