Hamutaro - Hamtaro 6

skin

티스토리 블로그 SCM 뮤직 플레이어 적용하기

참2슬 2024. 9. 15. 22:50

 

 

티스토리 블로그에 SCM 뮤직 플레이어 적용하는 방법

 

1. scm player 사이트에 접속한다

 

https://www.scmplayer.net/

 

SCM Music Player - seamless music for your website

Tumblr Music Player for 2022. SCM Music Player is a free and open source web music player, that brings a seamless music experience to your website. Support Tumblr, Blogger, Weebly, Tistory and more. Continous Playback Cross Pages - Seamless playback throug

www.scmplayer.net

 

 

 

 

 

 

 

2.  원하는 플레이어 컬러를 고른 후 next 를 누른다

나는 파란색을 골랐다.

 

 

 

 

 

 

3.  원하는 노래와 제목을 작성한 후 next를 누른다.

 

나의 경우.

유튜브에서 3시간 3분짜리 <리듬세상 플레이리스트> 영상 1개를 '....'의 이름으로 등록했다

더 영상을 추가하고 싶다면 Add more Songs 버튼을 눌러서 추가해주면 된다

 

 

 

 

 

 

 

 

 

4.  원하는 옵션을 선택해준 뒤 Done을 누른다.

 

auto play : 화면이 로딩 됐을 때 자동 재생 여부

stuffle playback : 랜덤재생 여부

default volume : 디폴트 볼륨값

repeat mode : 반복재생 방식 선택

 

placement of player bar : 플레이리스트 위치 설정 (나의 경우. bottom)

show playlist by default : 리스트 표시 여부

 

 

 

 

 

 

 

 

5. 소스코드 짜잔

 

 

 

 

 

 

 

 

 

6. 이 소스코드를 티스토리 블로그에 붙여넣는다.

티스토리 블로그 관리 홈의 꾸미기 -> 스킨편집 탭
html 편집 버튼
코드를 붙여넣고 적용하면 끝~

 

 

 

 

@@ 크롬 브라우저에서 SCM Music Player가 작동하지 않는 경우

https://13486.tistory.com/11

 

크롬 브라우저에서 SCM Music Player가 작동하지 않는 경우

@@ 크롬 브라우저에서 SCM Music Player가 작동하지 않는 경우1. 티스토리 블로그 주소창 왼쪽 설정 아이콘을 클릭한다    2. 사이트 설정으로 들어간다  3. 소리를 허용으로 바꾼다  4. 블로그 새

13486.tistory.com

 

top