시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > 오디오제어 > HTML5를 이용한 APlayer 상세정보
사이트등록
현재접속자 새로고침
HTML5를 이용한 APlayer
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 싸이월드 공감
소스분류 오디오제어
다운로드 횟수 4 회
간단설명 HTML5를 이용한 Music player (html5 를 이용한 음악 플레이어)
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기
Aplayer 는 MIT 라이센스를 지향 합니다.

Aplayer 는 Html + JavaScript 로 구성 되어 있습니다. 
 
<div id="aplayer1" class="aplayer"></div>
<script src="dist/APlayer.min.js"></script>
   
var ap = new APlayer({
    element: document.getElementById('aplayer1'),
    music: {
        title: 'Preparation',
        author: 'Hans Zimmer/Richard Harvey',
        url: 'Preparation.mp3',
    }
});
    

API를 제공하기 때문에 관련 기능 체크 및 사용법을 찾기가 편리하네요. 

APlayer 에서 제공하는 기능 중 많이들 쓰시는 기능은 거의 다 있네요.
ap.play() // Resume play
ap.play(time) // Set currentTime
ap.pause() // Pause
ap.toggle() // Toggle between play and pause
ap.volume(percentage) // Set volume
ap.on(event, handler) // Event binding
ap.setMusic(index) // Switch music
ap.destroy() // Destroy this player
ap.addMusic(newMusics) // Add music dynamically, newMusics should be an array
ap.lrc // Lrc time and text
ap.playIndex // Current playing index
ap.audio // Return native audio, most native api are supported
ap.audio.currentTime // Returns the current playback position
ap.audio.loop // Returns whether the audio should start over again when finished
ap.audio.paused // Returns whether the audio paused
Most native api
  
아참 자막기능 Lrc 기능도 있긴 합니다만 ... 한땀 한땀 터치가 필요할듯 합니다. ^^;
<div id="player1" class="aplayer">
    <pre class="aplayer-lrc-content">
       [00:00.00]平凡之路 - 朴树
        [00:04.01]作词:韩寒 朴树
        [00:08.02]作曲:朴树 编曲:朴树
        [00:12.02]徘徊着的 在路上的
        [00:17.37]你要走吗
        [00:23.20]易碎的 骄傲着
        <!-- ... -->
    </pre>
</div>

아래의 이미지는 플레이어 스크린샷 입니다. ^^
  

  


 



네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
도배방지키
 71352681 보이는 도배방지키를 입력하세요.