시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > JQuery > Jquery 를 이용한 Audio 플레이어 입니다. 상세정보
사이트등록
클라우드태그
CSS
ASP
jquery
Javascript
PHP
무료폰트
메뉴
게시판
슬라이드
모바일
쇼핑몰
달력
slide
현재접속자 새로고침
Jquery 를 이용한 Audio 플레이어 입니다.
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기
소스분류 JQuery
다운로드 횟수 41 회
간단설명 Jquery 를 이용하여 Audio 플레이어를 디자인해 두었네요.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기
HTML 과 JAVASCRIPT 의 JQUERY 를 이용하여 MP3 플레이어를 만든 샘플 입니다. 
 
라이센스 : The MIT License



사용 방법은 매우 간단 합니다. 
 
다운로드 받으신 압축 파일을 해제하여 하신 후 폴더에 접근하시면 index.html 파일을 엽니다. 



위의 data-src 속성의 값이 mp3 파일명입니다. 
songs 폴더에 mp3 파일을 지정했지만 샘플 코드에 보시면 songs 가 없습니다.
songs 폴더를 만드셔도 되고 다른 폴더를 지정하셔도 됩니다. 
 


audioInitialVolume 는 기본 볼륨 값을 설정하시면 됩니다.

backgroundBanners 는 mp3 파일을 재생할때 보여지는 이미지 입니다.
배열 형식으로 되어 있습니다. 형식을 유지한채 사용하시면 됩니다. 
  

몇가지 아쉬운점이 있는데요.
mp3 파일 리스트가 터치 슬라이드 였으면 좋았겠다.
앨범 이미지 나오는 곳도 자동 슬라이드가 되었으면 mp3 플레이어 뿐만 아닌 ... 개인의 앨범형식으로 사용해도 괜찮았을듯 합니다.
당연히 플레이어바 재생버튼들도 모두 감춰야 겠지요 ^^

자료출처 : http://www.htmldrive.net/items/show/1786/-Simple-lightweight-jQuery-plugin-with-AudioControls

네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
소스공유 감사드립니다
2020-10-12 10:20:56
설지운
찬성 1
반대 1
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 57347798 보이는 도배방지키를 입력하세요.