요 며칠간 BGM을 어떻게 하면 잘 넣었다고 소문이 날까 무지 고민하던중, 페이지가 바뀌면 끊어질 수 밖에 없는 무식 태그의 한계로 인해 gg를 치려고 했었습니다. ...만은! 엄청난 걸 발견해버렸습니다.
다음은 하얀현자님의 snowsage player, 즉 설치형 BGM 플레이어와 그 매뉴얼을 담아온 것입니다. 이하 잡설 생략하고 우리 함께 BGM 달려보아요!! 아 그리고...하얀현자님은 올해 2월에 논산으로 ㅂㅂ2 하셨다 하니.. 일단 애도를 표하며, 기분 좋으면 사식 넣어드리기로 합시다. =ㅅ=;;
p.s : 컨트롤러 border를 전부 0으로 놓으면 고스트 플레이어(?)가 가능합니다. 그리고 첫곡부터 랜덤 플레이를 원하시면 player.html에서 var isRandom = 0;을 1로 바꿔주시면 됩니다. 아래에 top.bgm.ssp_randomToggle 이놈은 첫곡은 항상 똑같고 아마 그 다음부터 랜덤이 되는 듯 합니다.
여러분이 수정하셔야 하는 파일은 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로 변경 )
<script language="javascript" type="text/javascript"> ///////////////////////// Snowsage Player Control Script 시작! ///////////////////// // Snowsage Player Ver 1.16 (2006.12.14) // Made By 하얀현자 (http://snowsage.tistory.com) /////////////////////////////////////////////////////////////////////// // 만일, 자신의 블로그로 접속되지 않을 경우, http://자기주소/owner/entry 로 접속, // 스킨 편집으로 와서 isUsed 값을 0 으로 변경하고, 자기 블로그로 접속 된다면 // http://snowsage.tistory.com 에 해당 사항을 알려주시기 바랍니다. ////////////////////////////////////////////////////////////////////// var isUsed = 0; // SnowsagePlayer 적용여부 (적용: 1 / 미적용: 0) var isCenter = 0; // 스킨이 가운데 정렬이면 1 아니면 0 var test = 1; // 플레이어 위치 조정시에만 1, 평상시엔 0 var leftPixel = 718; // Controller 왼쪽(가운데)으로부터 떨어진 pixel var topPixel = 20; // Controller 상단으로부터 떨어진 pixel ////////////////////////////////////////////////////////////////////// var widthPixel = 240; // Controller 가로 크기 (필요시에만 변경) var heightPixel = 132; // Controller 세로 크기 (필요시에만 변경) ////////////////////////////////////////////////////////////////////// function bgmFrameLoad(){ if(top.window.location.href.indexOf("frame.html") == -1){ var frameURL = "./images/frame.html"; top.window.location.href = frameURL + "?" + window.location.href; } else if(top.window.location.href.indexOf("./images") == -1) top.bgm.location.href = "./images/player.html"; }
var isToolBarResized = 0; function toolBarWidthResize(){ var tistoryTB = document.getElementById("tistorytoolbarid"); if(tistoryTB != null && !isToolBarResized) { isToolBarResized = 1; tistoryTB.style.pixelWidth -= 18; clearInterval(toolBarResizeInterval); } return true; }
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 :: 설치시 편의를 위해 마우스 오른쪽 버튼 클릭으로 위치 알 수 있도록 수정
invalid-file
invalid-file