PC 반응형 음악플레이어(퍼플스킨)
링크
http://eunsolee.net/responsive_jukebox_pl54_v2/popup.html (451) http://eunsolee.com/responsive_jukebox_v2/popup.html (287)
첫번째 첨부파일의 글자가 깨져서 보이는 분은 두번째 첨부파일로 대체하시기 바랍니다.
(첫번째파일 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 이상버전)
http://eunsolee.net/responsive_jukebox_pl54_v2/musicplayer/player/index.php
미리보기: euc-kr 인코딩 (php 5.1 이하 버전, 제로보드4등...)
http://eunsolee.com/responsive_jukebox_v2/musicplayer/player/index.php
mp3 파일을 사용하실때는 유튜브나 기타 공유 사이트에서
"저작권이 없는 음악, 저작권이 없는 팝송"등으로 검색하신후 mp3파일로 변환해서
사용하시기 바랍니다. 카페나 기타 자영업등을 하시는 분들의 매장에서
본인이 원하는 노래로 플레이 리스트를 만들어 사용하시면 좋을듯 해서 올립니다.
버전 정보
테스트한 버전
5.4
호환 가능 버전
모든 php 호환
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
2,752건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
접속자
숙향님과 테루님이 말씀하셔서 그누보드용 5.3과 5.4버전 두가지 스킨 올려드립니다. 출력유무는 /skin/connect/basic_country/current_connect....
최신글
Swiper 플러그인(3.4.2 버전) 을 활용한 슬라이드 카드형 최신글 스킨 입니다. 모바일용으로 작업되어 있으며, 일부 수정을 통해 PC에서도 무난하게 사용할 수 있을것 같...
게시판
https://sir.kr/qa/371812 댓글작성하는곳 옆에 등록순/최신순 이렇게 해놓고 등록순누르면 기존 순서대로 댓글 보여주고 최신순 누르면 가장 마지막에 작성한 댓글을 ...
접속자
아미나용 GeoIP을 사용한 접속자 스킨입니다. 업로드 위치 : /skin/connect 설정 : 관리자 - 환경설정 - 접속자스킨[basic_country선택] ...
레이아웃
첫번째 첨부파일의 글자가 깨져서 보이는 분은 두번째 첨부파일로 대체하시기 바랍니다. (첫번째파일 utf-8, 두번째파일 euc-kr 각각 인코딩입니다.) 플레이어와 리스트의 크...
레이아웃
세부적인 사항은 https://sir.kr/g5_skin/38807 자료를 참고해 주세요 첫번째 첨부파일의 글자가 깨져서 보이는 분은 두번째 첨부파일로 대체하시기 바랍니다. (첫번...
레이아웃
안녕하세요 두리삼촌입니다. 오랜만에 여러분께 인사드립니다. 이번에는 유튜브 플레이어를 모바일 환경에서 사용할수 있도록 반응형으로 수정하여 재배포 합니다. 파일은 모두 두가지 입...
레이아웃
안녕하세요 두리삼촌입니다. 오랜만에 여러분께 인사드립니다. 이번에는 유튜브 플레이어를 모바일 환경에서 사용할수 있도록 반응형으로 수정하여 재배포 합니다. 파일은 모두 두가지 입...
게시판
## 2020-08-01 오전 4시 30분 =========================== 세가지 오류 수정입니다. 관리자가 아닌 회원이 접속중일때 우측 상단 글쓰기 버튼이 보이...
회원통합스킨
이 스킨(팁)은 더 이상 다운로드 받으실 수 없습니다^^ 기능이 업그레이드 되어서, 구버전인 이 스킨(팁)은 삭제되었습니다
최신글
아미나용 위젯입니다. 사용방법 <style> .latest_box{ position:relative; float:left; background:#fff; width:100%;} <...
댓글 20개
감사합니다. ^^
적용해서 사용해보니 곡이 한곡만 추가되는데
혹시 다른방법이 있는지요??
{
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 크기 최적화
},
이렇게 한줄 복사해서 아래쪽으로 붙여넣기후 플레이 하실 곡 경로를 지정해 주시면 됩니다.