JS기반 커뮤니티(개인)사이트용 BGM 웹뮤직 플레이어
링크
https://eunsolee.net/file/dpm/popup.html (220) https://eunsolee.net/bbs/board.php?bo_table=bbs_005 (146)안녕하세요 두리삼촌 입니다.
일전에 올린 js기반 웹뮤직 플레이어를 실수로 삭제한듯하여 재업로드 합니다.
샘플용으로 올린 음악파일은 저작권이 없는 Free Copyright 음원이며
자신의 웹사이트에 적용할시 필요하신 음원을 구입후 사용하셔야 합니다.
PC 및 모바일(안드로이드, 애플등) 모두 동작합니다. (크롬및 엣지등에서 정상동작함)
해당파일은 스킨파일이 아닙니다. 어디에 올려야 할지 몰라 이곳에 올렸지만 나중에라도
운영자님께서 확인하신다면 적당한 그누보드 메뉴로 게시물 이동을 부탁 드리겠습니다.
계정내 업로드 위치:
https://sample.net/dpm/index.php
#### BGM 추가하는법:
상위 파일첨부를 다운받은후 dpm/js/music-list.js 파일을 에디터로 열고
13번부터 18번줄까지 복사하신후 적당한 위치에 붙여넣기 합니다.
{
name: "Never Change",
artist: "Seum Dero",
img: "freepop_01",
src: "freepop_01"
},
확장자명은 기재하실 필요 없습니다. 파일명과 이미지명을 동일하게 기재해 주세요.
순차적으로 곡을 추가하시고자 할때에는
ex:) freepop_01, freepop_02, freepop_03..............
처럼 반드시 순차적으로 곡명을 기재해 주세요 (순서는 관계없습니다.)
팝업창으로 자신의 홈메뉴에 넣고자 하실경우 popup.html 팝업페이지의 아래 63번째줄을
참고해 주세요.
<a href="#" onclick="window.open('index.html','_blank', 'width=375, height=593, toolbar=no, menubar=no, scrollbars=yes, resizable=yes');" onfocus="this.blur()">
최신곡을 맨위로 넣고싶을때는 파일명과 이미지명이 꼭 순서대로 정렬할 필요는 없습니다.
(아래 예시처럼 꼭 순차적인 정렬을 하지않아도 됩니다. 차례대로 33,31,32 순서대로 자동 재생됩니다.)
ex:)
{
name: "Never Change",
artist: "Seum Dero",
img: "freepop_33",
src: "freepop_33"
},
{
name: "Never Change",
artist: "Seum Dero",
img: "freepop_31",
src: "freepop_31"
},
{
name: "Never Change",
artist: "Seum Dero",
img: "freepop_32",
src: "freepop_32"
},
외부링크는 허용되지 않으며 dpm디렉토리내의 songs, images 디렉토리내에
음악파일과 이미지를 저장해 주셔야 합니다.
dpm 뮤직플레이어는 누구나 자유롭게 수정 및 배포할수 있으며
상업용으로도 자유롭게 사용할수 있는 Free Open Source JS 기반으로 제작되었습니다.
--------------------------------------------------------------
몇달전 같은 자료를 올렸다가 오류가 있어 삭제후 좀더 보완해서 다시올립니다.
음악파일 및 이미지 저장폴더를 변경하시고자 하는분은 상위 두번째 링크를 참고바랍니다.
버전 정보
첨부파일
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 6개
감사 합니다.
감사합니다
감사합니다 ^^
감사합니다.
감사 합니다.
고맙습니다. 잘 쓰겠습니다^^