티스토리 BGM : Snowsage Player Manual.

Matrix Ltd. 2007. 10. 10. 00:27

요 며칠간 BGM을 어떻게 하면 잘 넣었다고 소문이 날까 무지 고민하던중,
페이지가 바뀌면 끊어질 수 밖에 없는 무식 태그의 한계로 인해 gg를 치려고 했었습니다.
...만은! 엄청난 걸 발견해버렸습니다.

다음은 하얀현자님의 snowsage player, 즉 설치형 BGM 플레이어와 그 매뉴얼을 담아온 것입니다.
이하 잡설 생략하고 우리 함께 BGM 달려보아요!!
아 그리고...하얀현자님은 올해 2월에 논산으로 ㅂㅂ2 하셨다 하니..
일단 애도를 표하며, 기분 좋으면 사식 넣어드리기로 합시다. =ㅅ=;;

p.s : 컨트롤러 border를 전부 0으로 놓으면 고스트 플레이어(?)가 가능합니다. 그리고 첫곡부터 랜덤 플레이를 원하시면 player.html에서 var isRandom = 0;을 1로 바꿔주시면 됩니다. 아래에 top.bgm.ssp_randomToggle 이놈은 첫곡은 항상 똑같고 아마 그 다음부터 랜덤이 되는 듯 합니다.

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

먼저, 이번 버전에서는 파일이 4개로 늘어났습니다.

frame.html  player.html  list.js  playerControl.html

여러분이 수정하셔야 하는 파일은 playerControl.html 과 list.js 파일이랍니다.
4개 파일 모두 일단 다운로드 받아 주세요^^


1. playerControl.html 에서는,

window.onload = function(){
//top.bgm.ssp_randomToggle();  // 기본적으로 랜덤 재생
if(top.changeTitle) top.changeTitle("수많은 사람들의 상상력, Tistory.com");
}

여기에서, "수많은 사람들의 상상력, Tistory.com" 부분을 수정하셔야합니다.
이 내용은 여러분의 블로그에 접속했을때, 브라우저 상단 제목표시줄에 나타나는 내용입니다^^
처음부터 Shuffle 모드로 플레이어를 돌리고 싶으실때, 앞의 "//" 두글자를 삭제해주시면 됩니다.


2. list.js 에서는, 실제로 여러분들의 노래가 들어가게 됩니다.
  addsong("음악파일주소", "음악파일제목");
과 같은 형식으로 입력해 주시면 됩니다.


3. 두개 파일을 수정하고 저장했으면, 이제 자신의 블로그에 업로드합니다.


사용자 삽입 이미지

사용자 삽입 이미지


4. 이제 스킨 편집 모드로 들어가서
아래의 코드를 붙여 넣습니다.
( 스킨이 가운데 정렬 스킨이면 isCenter 값을 1로 변경 )

사용자 삽입 이미지




5. 설치할 위치에서,
마우스 오른쪽 버튼을 눌러 나오는 값을 메모합니다.

사용자 삽입 이미지


6. 관리자 모드에서 다시한번 스킨 편집으로 돌아옵니다.


7. snowsagePlayer의 몇가지 값을 수정하여 적용시킵니다.

var isUsed = 1;         // SnowsagePlayer 적용여부 (적용: 1 / 미적용: 0)
var isCenter = 0;       // 스킨이 가운데 정렬이면 1 아니면 0
var test = 0;           // 플레이어 위치 조정시에만 1, 평상시엔 0
var leftPixel = 718;    // Controller 왼쪽(가운데)으로부터 떨어진 pixel
var topPixel = 20;      // Controller 상단으로부터 떨어진 pixel

  1) isUsed 값을 1로 변경합니다.
  2) test 값을 0으로 변경합니다.
  3) leftPixel 과 topPixel 값을 위에서 메모한 값으로 변경합니다.


8. 설치 완료!!

예에- 이것으로 snowsage player 의 설치 과정이 끝났습니다!
혹시 설치중에 어려운 부분이 있으시면, 트랙백이나 댓글로 질문 해주시면
답변해 드리도록 하겠습니다.
이상 하얀현자 였습니다! ^ㅡ^

== Version History ==
1.01 :: 자신의 URL 쓰지 않아도 작동 가능하게 수정.
1.02 :: 등록한 노래가 3개 이하 일 때 랜덤 재생시 다운되는 현상 수정.
1.10 :: Tistory Open Beta 전체적인 구조 변경으로 플레이어를 iframe 으로 변경
1.11 :: 간혹 플레이어가 iframe 정보를 받지 못해 제목과 시간이 나오지 않던 오류 수정
1.12 :: Snowsage Player가 설치된 사이트에서 또 다른 설치 사이트로 링크시 노래목록 갱신이 되지 않던 문제 수정
1.13 :: frameset 으로 인해 tistorytoolbar가 표시될때 가로 스크롤이 생기던 문제 수정
1.14 :: 자신의 code를 입력하지 않아도 자동 인식하도록 수정
1.15 :: F2 키로, 파일 업로드 창으로 이동할 수 있게 수정 && 가운데 정렬 스킨에도 사용 가능하게 수정
1.16 :: 설치시 편의를 위해 마우스 오른쪽 버튼 클릭으로 위치 알 수 있도록 수정


2007.11.23일자 Post Script :

이 파일은 플레이어의 곡 리스트 박스가 아래로 생성되게끔 설정 되어 있는 파일입니다.
playerControl.html로 이름을 바꾸어 그대로 사용하시면 됩니다. (물론 커스터마이징은 하셔야 ^^)

2008.02.08일자 Post Script :

이 압축파일은 제 블로그에 적용시키던 (i.e. 제가 커스터마이징한) 해당 BGM의 모든 파일들입니다.
플레이어 태그는 텍스트 파일로 저장되어 있습니다.