PC 반응형 음악플레이어(퍼플스킨) > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

PC 반응형 음악플레이어(퍼플스킨) 정보

레이아웃 PC 반응형 음악플레이어(퍼플스킨)

첨부파일

responsive_jukebox_pl54_v2.tar (13.8M) 53회 다운로드 2020-08-01 23:30:50 포인트 차감10
responsive_jukebox_v2.tar (13.8M) 7회 다운로드 2020-08-01 23:30:50 포인트 차감10
테스트한 버전5.4
호환 가능 버전모든 php 호환

본문

첫번째 첨부파일의 글자가 깨져서 보이는 분은 두번째 첨부파일로 대체하시기 바랍니다.

(첫번째파일 utf-8, 두번째파일 euc-kr 각각 인코딩입니다.)

 

플레이어와 리스트의 크기조절에 대한

수정은 아래를 참고해 주세요

편집기로 dist/skin/pink.flag/css/jplayer.pink.flag.css 를 열고 54번줄과 59번줄을 찾아

수정하시면 됩니다. (기본 반응형 100%로 되어있습니다.)

.jp-video-360p {
  width: 100%; }

.jp-video-full {
  /* Rules for IE6 (full-screen) */
  width: 100%;
  height: 270px;

 

플레이어의 포스터 크기 변경

musicplayer/player/index.php 를 편집기로 열고

158번줄과 159번줄을 수정하시면 됩니다.

(세로사이즈 height"270px"만 본인의 환경에 맞게 수정하시면 될듯합니다.)

   width: "100%",
   height: "270px",

 

PC, Mobile에서 모두 사용하시고자 하실경우

https://sir.kr/g5_skin/38829 게시물을 참고 바랍니다.

 

미리보기: utf-8 인코딩 (php5.1 이상버전)

 

미리보기: euc-kr 인코딩 (php 5.1 이하 버전, 제로보드4등...)

 

mp3 파일을 사용하실때는 유튜브나 기타 공유 사이트에서

"저작권이 없는 음악, 저작권이 없는 팝송"등으로 검색하신후 mp3파일로 변환해서

사용하시기 바랍니다.  카페나 기타 자영업등을 하시는 분들의 매장에서

본인이 원하는 노래로 플레이 리스트를 만들어 사용하시면 좋을듯 해서 올립니다.

추천
6
  • 복사

댓글 전체

네 모바일에서 꽉찬화면으로 나오도록 수정한거에요 폰트크기와 포스터 크기는 PC해상도에 따라 상이할수 있으니 그부분에 대한 수정은 https://sir.kr/g5_skin/38829 자료를 참고해 주세요 혹시 몰라서 귀차니즘 분들을 위해 크기 조절 부분을 다시 올렸습니다.
귀차니즘 분 여기 있어요. ^^: 다시 올렸다고 하셨는데  https://sir.kr/g5_skin/38829  참고 할필요없이 바로 다운받아서 사용 하면 되는거죠?
감사합니다. ^^
너무늦게 댓글을 남깁니다 제가 요즘 일때문에...
{
title:"Damon(no copyright music)", // 곡명
artist:"Empero", // 가수명
mp3:"mp3/damon_empero.mp3", // 음원경로
poster: "img/poster/002.png" // 플레이할때 화면에 보여줄 포스터 640x360 크기 최적화
},
{
title:"lioness(no copyright music)", // 곡명
artist:"Dayfox", // 가수명
mp3:"mp3/dayfox_lioness.mp3", // 음원경로
poster: "img/poster/003.png" // 플레이할때 화면에 보여줄 포스터 640x360 크기 최적화
},
{
title:"jay Someday(no copyright music)", // 곡명
artist:"Patience", // 가수명
mp3:"mp3/patience_jay_someday.mp3", // 음원경로
poster: "img/poster/004.png" // 플레이할때 화면에 보여줄 포스터 640x360 크기 최적화
},

페이지 속성보시면 위 부분들이 보일겁니다. 곡을 더 추가하고 싶으시면
{
title:"lioness(no copyright music)", // 곡명
artist:"Dayfox", // 가수명
mp3:"mp3/dayfox_lioness.mp3", // 음원경로
poster: "img/poster/003.png" // 플레이할때 화면에 보여줄 포스터 640x360 크기 최적화
},
이렇게 한줄 복사해서 아래쪽으로 붙여넣기후 플레이 하실 곡 경로를 지정해 주시면 됩니다.
© SIRSOFT
현재 페이지 제일 처음으로