Demo：

预览：

单曲循环模式预览：

使用方法：

方式1：NPM

npm install skplayer

方式2：引入文件

引入css文件：

写入播放器DOM：

引入js文件：

配置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：