티스토리에 BGM(배경음악)플레이어 달기.
해당블로그엔 없지만, 제가 개인적으로 쓰고 있는 블로그에 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.
★설명★
이 플레이어는 자신이 직접 노래를 업로드해서 주소를 따서 올리지 않아도,
유투브를 이용해서 노래를 들을 수 있습니다.
여기서 원하는 노래를 검색하고(영어로 검색하면 더 많이 나와요.) 영상주소를 복사해서 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편집
붙여넣기 하시고 저장하시면 플레이어가 생성됩니다~
수고하셨습니다~
