为了自己听歌方便，我一直在自己的网站上用aplayer挂着自己喜爱的音乐，但因为涉及音乐资源版权，心里始终有点不踏实，所以想着能不能直接把网易云歌单集成进来。网易云提供了iframe的方式内嵌歌单，但是太丑了，还是得自己写一个。在搜索网易云的API的时候，发现竟然有人已经写好了：MetingJS，用得也是aplayer，给了他一个大大的Star之后，记录下用法。

  • 引入js

    <!-- require APlayer -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
    <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
    <!-- require MetingJS -->
    <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

  • 播放器代码

    <div>
        <meting-js server="netease" type="playlist" id="666375" autoplay="false" list-max-height=1200px>
        </meting-js>
    </div>
    • server：指明是网易云音乐还是QQ音乐
    • type：指明是歌单还是一首歌
    • id：歌单的ID或者歌的ID
    • autopaly：自动播放
    • list-max-height：playlist的最大高度

    MetingJS是显示歌词的，如果不喜欢歌词，可以注释掉JS的第81行。

    // lrc: this.meta.lrc || this.meta.lyric || '',