一款好看+極簡到不行的HTML5音樂播放器-skPlayer

Demo：

github

skPlayer在線預覽

預覽：

單曲循環模式預覽：

使用方法：

方式1：NPM

npm install skplayer

方式2：引入文件

引入css文件：

<link rel="stylesheet" href="./dist/skPlayer.min.css">

寫入播放器DOM：

<div id="skPlayer"></div>

引入js文件：

<script src="./dist/skPlayer.min.js"></script>

配置skPlayer對象：

skPlayer({
    src:'http://o9vplcp9o.bkt.clouddn.com/music.mp3',//音樂文件，必填
    name:'打呼',//歌曲名稱，必填
    author:'潘瑋柏&楊丞琳',//歌手，必填
    cover:'http://o9vplcp9o.bkt.clouddn.com/cover.jpg'//專輯封面，必填
    //loop:true 是否單曲循環，選填
});

技術依賴：

原生JAVASCRIPT，HTML5 DOM API，HTML5 AUDIO API，CSS3

 

Github：

https://github.com/wangpengfei15975/skPlayer