TISTORY TIP/자주받는질문

티스토리에 BGM(배경음악)플레이어 달기.

vanillafudgeripple 2012. 6. 6. 14:33



해당블로그엔 없지만, 제가 개인적으로 쓰고 있는 블로그에 BGM플레이어를 달아 놨는데요.

어떤거냐고 물어보시는 분들이 많아서 ㅎㅎ 글씁니다.


일단 적용된 모습을 보시죠~ 

http://madleek-333.tistory.com


하단에 플레이어가 보이시죠? 페이지를 넘어가도 끊기지 않고 재생목록도 볼수 있어서 좋습니다. ㅎㅎ

다만 단점이 하나 있다면 주소가 바뀌지 않아요 ㅠㅠ 

예를들어서 블로그 주소가 http://1234567.tistori.com(제가 막지어낸주소에요 ..ㅋㅋ) 이면 7번글을 들어갔을때는 http://1234567.tistori.com/7 이렇게 뜨잖아요.

하지만 이 플레이어를 달면 7번글에 들어가도 http://1234567.tistori.com으로 떠요.

하지만 불편한점은 그닥 없는것같아요. 그점 유의하시고 그럼 적용방법을 알아보도록 할께요.



1. http://scmplayer.net/ 이 사이트를 들어갑니다.


2. 


원하는 플레이어 디자인을 선택하고 다음으로 넘어갑니다.



3.


★설명★

이 플레이어는 자신이 직접 노래를 업로드해서 주소를 따서 올리지 않아도,

유투브를 이용해서 노래를 들을 수 있습니다.


http://www.youtube.com/


여기서 원하는 노래를 검색하고(영어로 검색하면 더 많이 나와요.) 영상주소를 복사해서 song url에 넣어주고 제목은 song title에 직접 적어주면 됩니다.

예를 들어서 exo의 mama라는 노래를 넣고 싶다, 하면 song title에 mama라고 적어주고 

song url에는 http://www.youtube.com/watch?v=KH6ZwnqZ7Wo&feature=g-vrec 이렇게 영상 주소를 적어주면 되겠죠.


쉽게 말해서 유투브영상을 재생하는데 영상은 안나오고 소리만 듣는거죠.



4.


★설명★

자동재생 : 자동으로 노래재생을 시작할것인가 (Yes혹은 No)

랜덤재생 : 노래를 순서대로가 아닌 섞어서 재생할것인가 (Yes 혹은 No)

기본볼륨설정 : 제일 처음 기본으로 설정되어있는 소리의 크기는 어느정도로 할것인가 (10%~100% 선택)

플레이어의 위치 : 플레이어의 위치는 어디로 할것인가 (Top(위) 혹은 Bottom(아래))

기본재생목록 : 기본으로 재생목록을 보여지게 할것인가 (Yes 혹은 No)



5.


코드를 모두 복사합니다.



6. 블로그로 돌아와서 관리페이지 - html/css편집


붙여넣기 하시고 저장하시면 플레이어가 생성됩니다~




수고하셨습니다~