關於部落格園部落格播放器的設定
阿新 • • 發佈：2021-06-30
關於部落格園部落格播放器的設定
在頁尾HTML程式碼處填寫以下程式碼即可：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]/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獲取方式則在下圖
其他音樂
因為我目前主要用的音樂播放軟體是網易雲音樂和QQ音樂，其他播放器的data-id獲取方法應該類似
| data-server | |
|---|---|
| 酷狗 | kugou |
| 蝦米 | xiami |
| 百度 | baidu |