HTML5 播放器：APlayer

jopen 10年前發布 | 86K 次閱讀 APlayer 多媒體播放器

Introduction

UI 參考網易云音樂外鏈播放器

Demo

Screenshot

Install 

npm install aplayer

Usage

The following HTML structure is used for APlayer: 

<link rel="stylesheet" href="APlayer.css">
<!-- ... -->
<div id="player1" class="aplayer">
    <div style="padding: 10px; font-size: 10px; text-align: center;">(＞﹏＜) APlayer 加載中,好累的說...</div>
</div>
<!-- ... -->
<script src="APlayer.js"></script>

And this is how the APlayer is initialized: 
var ap = new APlayer({
    element: document.getElementById('player1'),
    autoplay: true,
    music: {
        title: 'Preparation',
        author: 'Hans Zimmer/Richard Harvey',
        url: 'http://7xifn9.com1.z0.glb.clouddn.com/Preparation.mp3',
        pic: 'Preparation.jpg'
    }
});
ap.init();

項目主頁：http://www.baiduhome.net/lib/view/home/1448116006056

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！