음악 재생 막대(Music Player Bar)

어떤 블로그나 웹페이지 같은 곳에 보면 하단(혹은 상단부)에 음악이 자동으로 재생되는 것을 볼 수 있다.

마치, 윈도우의 작업표시줄에 "알x" 같은 플레이어의 "알x 리모컨" 같은 것 !

이것을 적용하는 것은 SyntaxHighlighter 보다 쉽다.

1. 준비 단계

우선 http://scmplayer.net/ 이 곳으로 간다.

이 사이트에서 바로 적용시킬 음악재생막대 모양(Skin) 부터, 재생 목록에 들어갈 음악까지 설정할 수 있다.

이 중에서 스킨을 고른 뒤에 Next

왼쪽 칸에는 제목, 오른쪽 칸에는 음악 주소가 필요하다.

음악 주소에는 그냥 유투브 에서 음악 검색후에 그 음악 주소를 적어넣어주면 된다.

유투브 동영상 검색후에, 하단에 있는 공유버튼을 눌러 나오는 짧은 URL 이용을 추천한다.

마지막으로 기본적인 환경설정을 마치면 된다.

간단히 설명하자면 차례대로

자동시작, 무작위재생, 기본음량, 재생막대바 위치(위, 아래), 재생목록을 보여줌

마치고나면 바로 이렇게 소스가 딱 제공된다 !

2. 적용 단계

HTML/CSS 편집에서 skin.html 로 간다.

거기서 맨 아래부분에 있는 </body></html> 에서

</body> 다음에 집어넣으면 된다.

</body> 소스 </html>