「博客园指南」网易云播放器控件[自定义歌单]

html5 音乐播放器【GitHub项目】

源码：GitHub - MoePlayer/APlayer: Wow, such a beautiful HTML5 music player

中文使用指南：https://aplayer.js.org/#/zh-Hans/?id=cdn

cdn 链接：https://cdnjs.com/libraries/aplayer

1、添加 html 代码 （事先需要申请并通过博客园的 JS 权限 ）

【博客园后台管理】——【设置】——【页脚 Html 代码】—— 粘贴以下代码

<!-- 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>
<meting-js
        id="XXXXXX"    //此处替换为自己的歌单
        lrc-type="0"
        server="netease"
        order="random"
        type="playlist"
        fixed="true"
        autoplay="true"   //设置是否自动播放，false为不自动播放
        list-olded="true">
</meting-js>

2、获取歌单链接，修改上面代码的 data-id="XXXXX"

如何获取歌单 id 呢？

（现在网页版和 PC 版的网易云音乐 歌单界面 没有生成 “外链播放器‘的功能了）

使用 移动端APP网易云音乐（手机）分享一个歌单，分享方式选为” 复制链接 “；

例如：我用手机“网易云音乐”分享自己的一个歌单：

分享D1g_创建的歌单「D1g_」: http://music.163.com/playlist/123456/438654155/?userid=438654155 (来自 @网易云音乐)

歌单 id 就是 playlist 后面的 123456，修改代码 data-id="123456"。保存后，重新进入博客园个人主页就可以听心爱的歌啦