큐펭스토리
파이썬 강의, 프로그래밍 문제 풀이, 지식 공유 및 정리용
블로그에 배경음악 (BGM) 깔기 : SCM Music Player

지금 소리를 켜둔 사람이라면 BGM이 깔릴 것이다. 웹 디자인에 관련해 많은 자유를 준 티스토리에 감사하면서 무료 음악 재생기를 하나 깔아두었다!! 다른 분들도 쉽게 따라할 수 있고 무료로 할 수 있게 해뒀다.





SCM Music Player ( Link ) 페이지로 가서 조금 내려보면 음악 재생기 디자인을 선택할 수 있다. 라디오 박스 중 하나를 고르거나 더 이쁘게 만들 수 있다면 하나를 디자인해서 업로드할 수 있으니 골라보자. 나는 내 블로그를 푸르게 꾸며놔서 파란 스킨을 골랐다. 우하단의 Next를 누르면 음악 선택화면으로 넘어갈 수 있다.


노래를 하나씩 등록하는 것이 제일 시간이 많이 걸린다 ㅋㅋ Song Title은 노래 제목들을 입력하는 칸이다. 보통 내 것과 같이 [노래 제목-가수 (참고)] 등의 형식을 써도 되고 맘대로 꾸며도 된다. 중요한것은 Song URL을 입력하는 것이다. 보통 유투브에 가면 해당 음원들을 찾아올 수 있다. 가끔 외부 플레이어들에서 재생되지 않게끔 막아둔 것들이 있는데, 나름 유명한 노래들은 친절한 사용자들 (덕후들) 이 공유가 되는 영상을 재업로드 시켜두는 편이다. 무튼 그 영상들의 링크 url을 복사해서 붙여넣으면 된다. 혹은 팟캐스트 등을 이용할 수 있다고 하니 참고바란다. 재생 테스트를 곧장할 수 있으니 오른쪽의 플레이 버튼 ( ▶ ) 으로 테스트해보고 등록하면 된다. Next 를 눌러서 다음 단계로 넘어가서 플레이어의 세부 설정을 할 수 있다.


세부 설정 단계에서는 웹 페이지 (블로그) 에 접속했을 때 자동 재생되게 만들것이냐, 랜덤 재생시킬 것이냐 등등을 설정할 수 있다.


다 끝나면 html코드를 준다. 블로그 스킨 수정하듯 관리자 모드에서 skin.html 로 가서 <body> 태그 아래에 붙여쓰면 된다.



주의) 애드블락 같은 앱을 사용하지 않는다면 유투브 광고가 그대로 송출되기도 한다. 음악이 아닌 광고를, 듣기만 해야하니 좀 이상하긴 하다. 그땐 앞으로가기/뒤로가기를 한 번씩 눌러주면 해결되긴 하는데 영구 해결 방법이 아닐 뿐더러 다음 곡을 듣으려 넘어가면 또 발생할 수 있다.


참고 포스팅 ( Link )

  Comment ,     Trackback