참고: ssabu@blog
다운로드 : aquamp-skin.zip aquamp.zip
아래의 설치방법은 태터툴즈를 토대로 작성되었습니다.
위 다운로드를 클릭하여 다운로드 후 aquamp.zip, aquamp-skin.zip 파일의 압축을 풀어줍니다.
그러면, aquamp폴더와 aquamp-skin폴더가 생성됩니다.(생성된 스킨폴더는 aquamp폴더에 넣어도되고, 그렇지 않으면 나중에 구현하고 싶은 스킨만 생성된 스킨폴더속에서 간추려 aquamp폴더에 넣으시면 됩니다.)
압축을 풀고나서 aquamp폴더속의 index.html, player.config.js, lib폴더속의 frame.inc.php 를 수정해야 합니다.
아래의 수정 내용 중 빨간색 부분만 눈여겨 보시고 그대로 따라하시면 쉽습니다.
그리고 대부분 에러가 발생하는 부분은 계정경로 부분을 잘못 기재해서 생기는 것과 Playlist.asx에 노래를 추가할 때 링크를 정확하게 해주지 않아서 발생합니다.
그럼 시작합니다.
먼저, index.html을 에디터기로 열면 아래와 같습니다. 여기서
$r = 1; // 스킨선택
$index = "/blog"; // 테터툴즈의 설치 위치를 적는란입니다. (폴더명이 tt인 경우엔 "/tt" 라고 적으면 되겠죠.)
참고로 제일 아래쪽에 있는 이줄은 스킨의 이름을 적어주는 란입니다.
<frame src="styx_wmp9_skyblue/player.html" name="aquamp" frameborder="0" noresize>< BR>
<?
$r = 1;
$index = "/blog";
?>
<html>
<head>
<title>MyHOMEPAGE with aquamp!</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
frameset {
margin:0px;
padding:0px;
border:0px;
background-color:buttonface;
}
</style>
</head>
<? if($r == 1) { ?>
<frameset rows="8,*" rows1="30,*" frameborder="0" framespacing="0" name="fst">
<frame src="styx_wmp9_skyblue/player.html" name="aquamp" frameborder="0" noresize>
<frame src="<?=$index?>?<?=$_GET["q"]?>" name="main" frameborder="0" noresize>
<? } ?>
두번째, player.config.js를 에디터기로 열어서 첫째줄을 자신에게 맞게 수정하세요.
var mediaURL= "http://자신의 계정주소/aquamp/playlist.asx";
var view_bitrate = true;
var view_duration = true;
var view_player = 1; // 플레이기 자체를 0 : 감춤, 1 : 보이기
var set_autoPlay = true; // 자동 실행. 아니면 false 입력
var set_autoRewind = true;
var set_shuffle = false;
var set_loop = true;
var set_mute = false;
var set_volume = 100; //사운드 크기. 최대값=100
var pl_window_width = 450;
var pl_window_height = 400;
var pl_window_options = "scrollbars=yes,resizable=no,status=no";
var ml_window_width = 650;
var ml_window_height = 600;
var ml_window_options = "scrollbars=yes,resizable=no,status=no";
var use_marquee = true; // true, false 상태표시줄에 노래제목 보이기
var marquee_behavior = "scroll"; // scroll, alternate, slide
var marquee_direction = "left"; // left, right
var marquee_scrollamount = 1;
var marquee_scrolldelay = 15;
세번째, lib방안에 있는 frame.inc.php를 에디터기로 열어서 2번째줄을 자신에게 맞게 수정하세요.
<script type="text/javascript" language="JavaScript">
var frmIndex = "http://자신의 계정주소/aquamp/index.html";
if(typeof(top.frames[0]) == "undefined") {
top.location.href = frmIndex+"?q=<?=urlencode($_SERVER["QUERY_STRING"])?>";
}
</script>
위의 세가지 파일을 수정한 후 aquamp폴더를 ftp로 자신의 계정에 올리세요.
네번째, 자신의 계정 루트에 메모장을 이용하여 index.html 파일을 아래와 같이 만듭니다. 만들어져 있다면 아래와 같이 변형하세요. (주의) '../aquamp' 내의 index.html과 혼돈하지 마세요.
<html>
<head>
<style type="text/css">
frameset {
margin:0px;
padding:0px;
border:0px;
background-color:buttonface;
}
</style>
</head>
<frameset rows="8,*" rows1="30,*" frameborder="0" framespacing="0" name="fst">
<frame src="aquamp/styx_wmp9_skyblue/player.html" name="aquamp" frameborder="0" noresize>
<frame src="/blog" name="main" frameborder="0" noresize>
</frameset>
<noframes></noframes>
</html>
여기서 "/blog" 란 테터툴즈가 설치된 경로입니다.(또는 "/tt" )
(주의) 노란색으로 칠해진 부분은 처음에 선택된 스킨의 내용과 동일해야 정상적인 아쿠아엠프 스킨이 적용됩니다.
마지막으로, 노래를 첨부할려면 playlist.asx파일을 에디터기로 열어서
<Asx Version="3.0">
<Param Name="AllowShuffle" Value="yes"/>
<Entry>
<Title>노래제목</Title> //아쿠아엠프에서 표시될 노래제목을 입력합니다.
<Ref href="mms://노래서버주소/노래.mp3"/> //연주될 음악파일(mp3등)이 존재하는 주소와 파일명
</Entry>
<Entry>
<Title>노래제목</Title>
<Ref href="../music/노래.mp3"/> //본인의 서버에서 직접 음악파일을 실행하는 경우
</Entry>
</Asx>
빨간색 부분을 추가해 나가면 됩니다, 이상 aquamp 설치 방법이었습니다.
