블로그에 자동재생 노래 넣는 사이트 scmplayer

블로그에 자동재생 노래 넣는 사이트 scmplayer
2014. 10. 6. 12:55 유용한 사이트 & 어플




티스토리 블로그또는 html과 style.css 을 사용해 자동재생으로 원활하게 노래를 재생하고싶다 ?


바로 scmplayer 가 있습니다.


블로그의 노래자동재생 url을 주는 동시에

MP3 link, SoundCloud track or Youtube address.


mp3 링크나 soundcloud , youtube의 url등을 사용해서 블로그에 노래를 넣을 수 있는 사이트죠.


자 이제 블로그에 노래를 넣어볼까요 ? 제 블로그에 지금 죽이는 JAZZ 노래 나오는거 들리시죠 ?

마치 작은 카페처럼 느껴지네요. 우선 글 읽고 하시는 게 좋으실 거에요 ! 자세하게 설명해 드리겠습니다.




우선 사이트의 모습입니다.



http://scmplayer.net/


글이 겁나 많고 복잡하시다구요 ? 저만 따라오세요.


1.

먼저 블로그에 뜨는 재생BAR의 스킨을 변경하고 갑시다.

저렇게 흔하디흔한 스킨은 블로그의 모습을 구리게 만들어버리죠.

그래서 조금 특별한 스킨을 사용해보려고 합니다.


FIND CUSTOM SKINS 를 눌러주세요.

2.

누르시면 귀여운 자동재생 BAR가 나타납니다. 이 중에서 저는 카페의 느낌이 나는 커피가 그려진 자동재생 BAR를

선택했답니다. 이 것 뿐만아니라 아래로 더 내려보면 스킨이 여러개 더 있으니까 꼭 확인하고 이쁜거 사용하세요.


1번을 누르신 다음 NEXT를 눌러서 다음으로 이동 !





3.

이동하시면 이렇게 CSS가 선택되게됩니다. 그다음 NEXT를 눌러서 다음으로 이동 !



4.

이동하시면 이렇게 복잡하게 생긴 잡다구리한것들이 뜹니다. 여기서 플레이어리스트 즉 노래를 추가하시면 됩니다.

여기서 노래를 어떻게 추가하냐구요 ?  바로 URL을 사용해 노래를 추가하는 겁니다.

URL 추가하는 방법을 보시려면 조금만 아래로 내려주세요.




저는 유튜브에서 노래의 URL을 뽑아냈습니다. 유튜브를 클릭하면 동영상 바로 아래에 이렇게 동영상의 대한  메뉴가 뜹니다.

여기서 공유 -> 공유 -> 하시면 유튜브의 URL이 뜨게되죠. 이 URL을 삽입해주면 됩니다.



이렇게 URL을 삽입하시고 어떻게 블로그에 노래 제목을 띄울지 설정해주면 됩니다.

저는 JAZZ COMPLIATION 2012 PART2 라는 제목 ( 원래 YOUTUBE 영상 제목 )으로 해주었고 그 다음

NEXT를 눌러서 이동합니다.


5.

NEXT를 눌러주시면 이제 플레이 , 또는 처음 블로그 접속시의 볼륨을 어떻게 할 것인가를 설정할 수 있습니다.

블로그 들어오지마자 100%의 볼륨을 뿜어댄다면 깜짝놀라서 블로그를 꺼버리겠죠 ? 대략 10- 13으로 은은하게 틀어줍니다.

그 다음 NEXT 가 나오는데요. 이제 HTML이 생성되었습니다.



이제 이 것을 어떻게 적용시키냐... 죄송하지만 NAVER에서는 안된다는 것 !

티스토리같이 HTML과 CSS를 고칠 수 있는 블로그여야합니다 . 티스토리 설정에서 HTML / CSS 설정에 들어가신 후에

HTML의 <BODY> ~ </BDOY> 중간 아무데나 넣어 주시면 끝 -

( <BODY> 뒤에 바로 그냥 넣어주세요. 그래야 로딩도 빠르게 되서 노래도 그냥 적당히 빨리 나온답니다 )


그럼 즐거운 하루 되세요 -



공감 감사합니다.








위로가기

ELIAS ART. Elias Park.