배경음악 플레이어

배경음악 플레이어

1. 준비사항 

   1) 크롬 브라우저(인터넷 익스플로러에서는 깨지더군요 ㅠ) - 간단한 번역은 Tip!

   2) WikPlayer 접속 - 아래링크를 클릭해주세요~

 

http://www.wikplayer.com/

 

 

1단계 모드 설정 - 당연히 신규니까 오른쪽 클릭해주세요

 

 

 

 

 

 

 

2단계 - 스킨설정 - 저같은 경우는 Mini로 설정하였습니다.

 

 

 

 

3단계 - 플레이 리스트 설정 - 플레이하고 싶은 노래를 넣습니다.

당연하게도(?) 무료입니다!

왼쪽은 '제목', 오른쪽은 '링크'를 넣습니다.

일반적으로 유튜브를 많이 사용합니다.

 

소소한 팁이라면 5~10곡 사이가 딱알맞더군요.

보통 블로그 여행시간이 30분~1시간정도니까 지루하지도 않고 좋더라구요

 

 

 

 

 

4단계 - 플레이어 세팅

 

자동재생 여부, 셔플 여부, 볼륨 설정, 반복설정, 플레이리스트 유무, 노래제목 움직임 유무설정하시면 됩니다.

 

소소한 팁이라면 플레이리스트 유무는 해제를 추천합니다(저의 경우는 에러가 계속나서 해제했습니다. -_-;;)

 

 

 

 

 

 

위와 같이 설정 후 저장을 하게되면 

 

 

 

 

 

이렇게 소스가 나옵니다.

이 소스를 복사하여

 

내 블로그의 관리로 들어가서

아래부분을 클릭해 주시고

 

 

 

 

 

 

아래와 같이 맨 하단의

</body></html>

사이에 소스를 넣어주시면 됩니다.

 

저장을 하시고 새로고침을 하면 내가 좋아하는 곡이 흘러나옵니다.

 

출처: http://smartre.tistory.com/21 [스마트혁명의 세상 모아보기] 

 

소스 

 

<!-- Wikplayer https://www.wikplayer.com -->

<script type="text/javascript" src="https://www.wikplayer.com/code.js" 

data-config="{'skin':'skins/wikmini/funkyMiniOrange/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'showcomment':false,'marqueetexton':true,'placement':'mini','showplaylist':false,'playlist':[{'title':'AOA%20_%20Excuse%20Me','url':'https%3A%2F%2Fyoutu.be%2FNRlDo3JuzfI%3Flist%3DRD8A2t_tAjMz8'},{'title':'BLACKPINK%20-%20%27%EB%B6%88%EC%9E%A5%EB%82%9C','url':'https%3A%2F%2Fyoutu.be%2F9pdj4iJD08s%3Flist%3DRD8A2t_tAjMz8'},{'title':'EXO-CBX%20(%EC%B2%B8%EB%B0%B1%EC%8B%9C)_Hey%20Mama!_Music%20Video','url':'https%3A%2F%2Fyoutu.be%2FAOzVyVv1HtQ'},{'title':'GFRIEND(%EC%97%AC%EC%9E%90%EC%B9%9C%EA%B5%AC)%20_%20FINGERTIP','url':'https%3A%2F%2Fyoutu.be%2Fi1n_1jrUEjU%3Flist%3DRD8A2t_tAjMz8'},{'title':'Girl%27s%20Day(%EA%B1%B8%EC%8A%A4%EB%8D%B0%EC%9D%B4)%20_%20I%27ll%20be%20yours','url':'https%3A%2F%2Fyoutu.be%2F7crt2Ip93VI%3Flist%3DRD8A2t_tAjMz8'},{'title':'PRISTIN(%ED%94%84%EB%A6%AC%EC%8A%A4%ED%8B%B4)%20_%20WEE%20WOO','url':'https%3A%2F%2Fyoutu.be%2FwLfHuClrQdI%3Flist%3DRD8A2t_tAjMz8'},{'title':'Sam%20Kim(%EC%83%98%EA%B9%80)%2C%20Loco(%EB%A1%9C%EA%BC%AC)%20_%20Think%20About%27%20Chu','url':'https%3A%2F%2Fyoutu.be%2FqvAQu5oJWT8'},{'title':'TWICE(%ED%8A%B8%EC%99%80%EC%9D%B4%EC%8A%A4)%20%22KNOCK%20KNOCK%22','url':'https%3A%2F%2Fyoutu.be%2F8A2t_tAjMz8'},{'title':'%EA%B5%AC%EA%B5%AC%EB%8B%A8%20(gugudan)%20-%20%EB%82%98%20%EA%B0%99%EC%9D%80%20%EC%95%A0%20(A%20Girl%20Like%20Me)','url':'https%3A%2F%2Fyoutu.be%2FzrNxJJ7fxCk'},{'title':'%EB%A0%88%EB%93%9C%EB%B2%A8%EB%B2%B3_%EB%9F%AC%EC%8B%9C%EC%95%88%20%EB%A3%B0%EB%A0%9B','url':'https%3A%2F%2Fyoutu.be%2FQslJYDX3o8s'},{'title':'%EC%86%8C%EC%9C%A0(SOYOU)%20X%20%EB%B0%B1%ED%98%84(BAEKHYUN)%20-%20%EB%B9%84%EA%B0%80%20%EC%99%80(RAIN)','url':'https%3A%2F%2Fyoutu.be%2F6rj3h-cEqgg%3Flist%3DPLFJKpN3vOsCG5HjkjbEQfw8zKUTxFH4LA'},{'title':'%EC%97%90%EC%9D%BC%EB%A6%AC%20(Ailee)%20-%20%EC%B2%AB%EB%88%88%EC%B2%98%EB%9F%BC%20%EB%84%88%EC%97%90%EA%B2%8C%20%EA%B0%80%EA%B2%A0%EB%8B%A4','url':'https%3A%2F%2Fyoutu.be%2F6rS7OUGXUik%3Flist%3DPLFJKpN3vOsCG5HjkjbEQfw8zKUTxFH4LA'},{'title':'%EC%9E%A5%EC%9E%AC%EC%9D%B8%20Jang%20Jane%20-%20%EA%B9%8C%EB%A5%B4%EB%A7%9D%20Carmin','url':'https%3A%2F%2Fyoutu.be%2FJiXUzSD_yRc'},{'title':'%EC%B9%98%EC%A6%88%20%2F%20CHEEZE%20-%20%EC%A2%8B%EC%95%84%ED%95%B4%20(bye)','url':'https%3A%2F%2Fyoutu.be%2F5UB7I3ahsW4%3Flist%3DPLFJKpN3vOsCG5HjkjbEQfw8zKUTxFH4LA'},{'title':'EXID-%20%EB%82%AE%EB%B3%B4%EB%8B%A4%EB%8A%94%20%EB%B0%A4%20(Night%20Rather%20Than%20Day)%20','url':'https%3A%2F%2Fyoutu.be%2F5wEjz3RdnKA'},{'title':'Girl%27s%20Day(%EA%B1%B8%EC%8A%A4%EB%8D%B0%EC%9D%B4)%20_%20I%27ll%20be%20yours','url':'https%3A%2F%2Fyoutu.be%2F7crt2Ip93VI%3Flist%3DPLQdn7YisXz3N9kwfzFE3VUcuofJS09yof'},{'title':'%EC%86%8C%EC%9C%A0%20(Soyou)%20-%20I%20Miss%20You%20(Official%20Audio)','url':'https%3A%2F%2Fyoutu.be%2Ft9KpdoSxVZU%3Flist%3DPLQdn7YisXz3N9kwfzFE3VUcuofJS09yof'}]}" ></script>

<!-- Wikplayer code end -->