PC 반응형 음악플레이어(퍼플스킨) 정보
레이아웃 PC 반응형 음악플레이어(퍼플스킨)
관련링크
첨부파일
본문
첫번째 첨부파일의 글자가 깨져서 보이는 분은 두번째 첨부파일로 대체하시기 바랍니다.
(첫번째파일 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
댓글 전체
감사합니다. ^^
적용해서 사용해보니 곡이 한곡만 추가되는데
혹시 다른방법이 있는지요??
{
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 크기 최적화
},
이렇게 한줄 복사해서 아래쪽으로 붙여넣기후 플레이 하실 곡 경로를 지정해 주시면 됩니다.
