매뉴얼 - Manual 매뉴얼 위키가 제작되기 이전에 만들어진 스킨에 대한 기존 매뉴얼 게시판입니다.
- Classic Style
- Zine Style
- Gallery Style
- Community Style
- Studio Style
- Blog Style
PremiumXE
PXE BGM Plug-In은 PXE Super Screen에 사용된 플래쉬 플레이어를 다른 스킨들에서 사용할 수 있는 플러그인입니다. 처음에는 하단에 숨겨져 있다가 콘트롤 판넬을 클릭하면 위로 조금 떠올라서 재생, 일시정지, 되감기, 빨리감기, 볼륨과 같은 기본 기능을 이용 할 수 있습니다. 하지만 iFrame등으로 항상 웹사이트에 상주하는 것이 아니라, 적용된 페이지에만 위치하고 있기 때문에 메인 페이지등의 단일 페이지에만 사용해야 합니다. 또한 플레이리스트와 같은 여러 곡의 재생 역시 불가능합니다.
압축을 풀어 나온 packages 폴더를 복사하여 적용하고자 하는 레이아웃 폴더안에 넣습니다.
예) /layouts/PXE_blackplain/packages
1. HTML 코드 복사하기
아래 코드를 복사한 후, 관리자 화면에서 레이아웃 설정 > 레이아웃 편집으로 들어가 HTML 코드의 가장 하단부 맨 아래에 붙여줍니다. layout.html에 직접 넣는 것 보다는 레이아웃 편집창에서 넣는 편이 여러개 등록 된 다른 레이아웃에게 영향을 미치지 않고 더 바람직합니다. 이 코드는 packages/pxe_bgm_player 폴더안의 use_this_code.html에도 있습니다.
<!--BGM 플레이어 시작-->
<div id="footer_bgm">
<div class="soundControl"><img src="./packages/pxe_bgm_player/btn_soundcontrol.gif" alt="" /></div>
<div id="player"></div>
</div>
<!--BGM 플레이어 끝-->
<div id="footer_bgm">
<div class="soundControl"><img src="./packages/pxe_bgm_player/btn_soundcontrol.gif" alt="" /></div>
<div id="player"></div>
</div>
<!--BGM 플레이어 끝-->
2. 헤더 스크립트 복사하기
관리자 화면 접속 후 아래 코드를 복사해서 레이아웃 설정에서 위 그림과 같이 헤더 스크립트 부분에 붙입니다.
<!-- SWFobject : BGM 플레이어 시작 -->
<script type='text/javascript' src="./.레이아웃 경로/packages/pxe_bgm_player/swfobject.js'></script>
<script type='text/javascript' src="./레이아웃 경로/packages/pxe_bgm_player/bgm.js'></script>
<script type="text/javascript">
swfobject.embedSWF("레이아웃 경로/packages/pxe_bgm_player/music_player.swf", "player", "300", "29", "9.0.0", "레이아웃 경로/packages/pxe_bgm_player/expressInstall.swf");
</script>
<link rel="stylesheet" href="./레이아웃 경로/packages/pxe_bgm_player/bgm.css" type="text/css" />
<!-- SWFobject : BGM 플레이어 끝 -->
<script type='text/javascript' src="./.레이아웃 경로/packages/pxe_bgm_player/swfobject.js'></script>
<script type='text/javascript' src="./레이아웃 경로/packages/pxe_bgm_player/bgm.js'></script>
<script type="text/javascript">
swfobject.embedSWF("레이아웃 경로/packages/pxe_bgm_player/music_player.swf", "player", "300", "29", "9.0.0", "레이아웃 경로/packages/pxe_bgm_player/expressInstall.swf");
</script>
<link rel="stylesheet" href="./레이아웃 경로/packages/pxe_bgm_player/bgm.css" type="text/css" />
<!-- SWFobject : BGM 플레이어 끝 -->
파란색으로 적힌 레이아웃 경로에는 위 예제 이미지에서 제가 파란색으로 체크해 둔 "경로"라고 적힌 부분을 복사해서 넣어주면 됩니다. 이 레이아웃 경로는 각 이용자마다 XE 설치 폴더에 따라 다르게 출력 될 수도 있으니 반드시 자신의 화면에서 적혀있는 경로를 복사해서 사용하세요(맨 뒤에 슬래쉬가 두개 붙지 않도록 유의할 것).
3. 기존에 swobject.js가 사용되고 있는지 확인
이 플러그인은 플래쉬가 액티브X 경고문 없이 작동 할 수 있도록 하기 위한 swobject.js라는 jQuery 플러그인을 사용합니다. 만일 이 플레이어를 적용하고자하는 레이아웃에 이미 이 swobject.js가 사용되고 있으면 중복이 되지 않도록 해야 합니다.
플레이어를 적용하려는 레이아웃의 헤더 스크립트 혹은 layout.html을 열어 swobject.js라는 단어가 있는지 검색해서 만일 있을 경우에는 위에서 헤더 스크립트에 붙인 코드 중 가장 첫째줄에 있는 아래의 코드를 삭제해 줍니다.
<script type='text/javascript' src="./.레이아웃 경로/packages/pxe_bgm_player/swfobject.js'></script>
1. 음악 바꾸기
음악을 바꾸려면 bgm.flv 파일을 새로 만들어서 넣어주면 됩니다. 이 파일의 이름이 바뀌거나 위치가 달라지면 안된다는 것에 주의하세요. 반드시 덮어씌우기로 파일을 변경해주세요. MP3 파일을 bgm.flv 파일로 변환하는 방법은 쉽게 두가지가 있습니다. Adobe Flash를 설치하면 번들로 제공되는 Adobe Media Encoder를 이용하거나 혹은 SHOW라는 무료 애플리케이션을 사용하면 됩니다. 음악의 변환방법은 여기서 기술하지 않습니다.(애플리케이션 실행시키시고 3분만 들여다보시면 알 수 있습니다^^)
2. 플레이어 스킨 변경하기
플레이어의 스킨을 변경하려면 sound.fla 파일을 플래쉬에서 열어 수정합니다. 이 플래쉬 파일은 Toob Player라는 FLV 콤포넌트를 이용하고 있습니다. 해당 사이트를 참조해서 콤포넌트를 다운로드 받아 플래쉬에 설치하면 스킨을 변경 할 수 있습니다. 단, 이 콤포넌트는 Adobe Flash CS 3 이하에서만 작동합니다. CS4에서는 사용 할 수 없으니 주의하세요.
- 이 플러그인은 XE의 모든 버전에서 작동합니다
- 이 플러그인은 IE6/7/8, 가장 최신의 FireFox, Opera 그리고 Safari에서 테스트 되었습니다
- 이 플러그인의 원본 파일은 Adobe Flash CS3 이하에서만 수정 할 수 있습니다
- Platinum Membership 전용 추가 악세사리
감사합니다.. ^^
©2008-2010 Premiumxe, LLC. All Rights Reserved. For a better tomorrow.
- Country Distribution :
- English
- 日本語
