구글(Google) 블로그(blogspot)에 배경음악(BGM) 넣는 방법

구글의 클라우드 음악 스트리밍(Streaming) 서비스인 구글 뮤직(Google Music; music.google.com)은 자신의 음악 파일을 클라우드 서버에 업로드 하여 인터넷과 웹브라우징이 가능한 PC나 스마트 기기에서 스트리밍 방식으로 음악을 감상할 수 있는 서비스이다. 최근에 구글 플레이(Google Play)에 통합되었다.

사실 구글 뮤직은 2만여 곡의 mp3파일을 저장할 수 있으며, 별도의 뮤직 플레이어를 설치하지 않고도 사이트에 접속하는 방식으로 언제 어디에서나 음악을 감상할 수 있는 장점을 갖고 있다.

구글 블로그인 블로그스팟(blogspot)에 배경음악을 넣는 가장 수월한 방법이 바로 구글 뮤직(Google Music; music.google.com)에 가입하여 서비스를 이용하면 되는 것이라 할 수 있겠다. 하지만 아직 대한민국 내에서는 구굴 뮤직의 서비스가 이루어지고 있지 않으며 국내 IP일 경우 가입 자체도 되지 않는다. 따라서 구글 뮤직을 이용하여 블로그스팟에 배경음악을 넣는 작업은 대한민국 내에서는 불가능하다. 실제로 국내에서 구글 뮤직에 로그인을 하면 아래와 같은 화면이 나타나며 접속이 안된다.

그래서 대안으로 사용하는 방법이 프록시 우회로 구글 뮤직에 가입하여 배경음악을 블로그스팟에 넣는 방법이라 할 수 있다. 프록시 서버 우회를 통해 미국 IP로 접속만 하면 구글 뮤직에 가입이 가능하며, 일단 가입 한 후에는 IP와 관계 없이 사용이 가능하다.

 

여기에선 프록시 우회 사이트를 이용하여 IP를 변경하여 우회 접속하는 방법에 대해서는 기술하지 않겠다. 왜냐하면 번거롭게 이 방법을 사용하여 사이트에 접속하는 것은 시간과 불편함을 필요로 하기 때문이다.

 

그보다는 아주 편리하고 손쉽게 배경음악을 넣는 방법이 있는데, 바로 『SCM Music Player』를 이용하는 방법이다. 이 방법은 블로그스팟(blogspot) 뿐만 아니라 모든 종류의 블로그와 url에 배경음악 채택이 가능하다. 다음은 SCM Music Player라는 프로그램을 이용하여 본인의 블로그스팟에 배경음악을 넣은 사례이다. 참고로, SCM Music Players는 “웹사이트에 끊어짐 없는 음악의 구현(seamless music for your website)”이라는 모토(motto)로 텀블러(Tumblr)와 블로거(Blogger)에게 무료로 웹 뮤직 소스(html 태그)와 음악 재생을 제공하는 프로그램이다.

 

1. http://scmplayer.net에 접속하면 아래와 같은 화면이 출력된다. 여기서 먼저 《Choose Skin》 메뉴를 선택하여 블로그에 표시될 음원 플레이어의 스킨을 선택한다. 본인은 블로그의 메인화면 색상을 고려하여 맨 위에 있는 회색 스킨을 선택했다.

2. 다음은 블로그에서 연주될 음원을 선택한다. 방법은 《Edit Playlist》 메뉴에서 Song Title과 Song URL을 기입해 준다. 이때 배경음악으로 이용하고자 하는 음원은 유튜브(http://www.youtube.com)에서 검색하면 수월할 것이다. 본인의 경우 Wolfgang Amadeus Mozart의 Concerto for Clarinet and Orchestra in A Major K622를 유튜브에서 검색하여 선택하였고, 이에 Song Title에는 “Wolfgang Amadeus Mozart - Concerto for Clarinet and Orchestra in A Major K622”라 기재하였으며 Song URL에는 유투브에서 검색창에 표시된 url을 복사하여 “https://www.youtube.com/watch?v=pzOFx9HCP7Q”을 붙여 넣었다.

3. 마지막으로 《Configure Setting》 메뉴에서 『Auto Play(자동재생)』 여부, 『Shuffle Playback(무작위 재생)』 여부, 『Default Volume(기본 음량)』, 『Repeat Mode(반복 형태)』, 『Placement of Player Bar(음원재생바 위치)』, 『Show Playlist by Default(음원목록 공개』 여부 등을 선택한 후에 『Done』 버튼을 눌러준다. 본인은 자동 재생과 무작위 재생을 설정하고 기본음량은 20%로 하여 재생바의 위치는 아래(Bottom)로 하였다.

4. 아래와 같이 Setup Wizard 화면에 출력되면, 이 화면에 나타나는 『SCM Music Player 태그』를 전부 복사하여 블로그스팟(blogspot)의 HTML Template 〈body〉 바로 아래에 붙여 넣고 저장하면 된다. 본인의 경우 다음과 같은 태그를 블로그스팟의 HTML Template에 붙여 넣었다.

<!-- SCM Music Player http://scmplayer.net -->

<script type="text/javascript" src="http://scmplayer.net/script.js"

data-config="{'skin':'skins/tunes/skin.css','volume':20,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Wolfgang Amadeus Mozart - Concerto for Clarinet and Orchestra in A Major K622','url':'https://www.youtube.com/watch?v=pzOFx9HCP7Q'}]}" ></script>

<!-- SCM Music Player script end -->

5. 이제 본인의 블로그스팟에 접속하여 보면 아래와 같이 블로그의 하단부분에 음원플레이어가 위치해 있으며 배경음악이 연주되는 것을 확인할 수 있다. 본인의 경우 『Placement of Player Bar(음원재생바 위치)』를 하단으로 설정하였으므로 블로그의 하단에 플레이어의 모습이 보일 것이다.