一款好看+极简到不行的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

转载于:https://www.cnblogs.com/Scott-se7en/p/5654013.html