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