关于博客园博客播放器的设置
关于博客园博客播放器的设置
在页脚HTML代码处填写以下代码即可:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
<script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
<div id="aplayer" class="aplayer" data-id="7664970485" data-server="tencent" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>
播放器的设置主要有三点
- data-id
- data-server
- data-type
如果想使用自己的歌单或歌曲则data-id和data-server必不可少,而data-type则可选 song(歌曲),playlist(歌单),album(专辑),search(搜索关键字),artist(歌手)
网易云音乐
data-server是netease(网易云音乐)
- 某一首歌的data-id:https://music.163.com/song?id=xxx&userid=xxx
- 某个歌单的data-id:https://music.163.com/playlist?id=xxx&userid=xx
QQ音乐
data-server是tencent(QQ 音乐)
QQ音乐某一首歌的data-id我暂时还不清楚,歌单的data-id获取方式则在下图
![](https://img2020.cnblogs.com/blog/2270854/202106/2270854-20210630123940944-467638322.gif)
其他音乐
因为我目前主要用的音乐播放软件是网易云音乐和QQ音乐,其他播放器的data-id获取方法应该类似
| | data-server |
| ---- | ---- | ---- |
| 酷狗 | kugou |
| 虾米 | xiami |
| 百度 | baidu |