SKPlayer 3.0

特点

1.支持自配置音乐文件 or 指定网易云音乐歌单两种方式

2.提供大量API支持

下载

npm install skplayer --save

或者前往github v3.0分支下载整包

使用

HTML:

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

JS:

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

或

var skPlayer = require('skPlayer');

配置

配置网易云音乐歌单方式

var player = new skPlayer({
    autoplay: true,
    //可选项,自动播放,默认为false,true/false
    listshow: true,
    //可选项,列表显示,默认为true,true/false
    mode: 'listloop',
    //可选项,循环模式,默认为'listloop'
    //'listloop',列表循环
    //'singleloop',单曲循环
    music: {
    //必需项,音乐配置
        type: 'cloud',
        //必需项,网易云方式指定填'cloud'
        source: 317921676
        //必需项,网易云音乐歌单id
        //登录网易云网页版,在网页地址中拿到
        // ... playlist?id=317921676
    }
});

自配置音乐文件方式

var player = new skPlayer({
     ... 
    //可选项配置同上
    music: {
    //必需项,音乐配置
        type: 'file',
        //必需项,自配置文件方式指定填'file'
        source: [
        //必需项,音乐文件数组
            {
                name: '打呼',
                //必需项,歌名
                author: '潘玮柏&杨丞琳',
                //必需项,歌手
                src: 'xxx.mp3',
                //必需项,音乐文件
                cover: 'xxx.jpg'
                //必需项,封面图片
            },
             ... 
        ]
    }
});

API

播放

player.play();

暂停

player.pause();

播放/暂停切换

player.toggle();

上一首

player.prev();

下一首

player.next();

切歌

player.switchMusic(index);
//index为列表中歌曲前对应的序号

列表显示/隐藏切换

player.toggleList();

静音/正常切换

player.toggleMute();

单曲循环/列表循环切换

player.switchMode();

销毁

player.destroy();
//skPlayer默认只能存在一个实例
//需要重新配置时调用该方法销毁当前实例

最后

修复了旧版存在的问题，请及时更新v3.0最新版

注：

由于兼容性问题，移动端暂不支持自动播放和音量控制，同时toggleMute()方法在移动端可能存在异常，以及其他的一些未知BUG