关于博客园博客播放器的设置
作者:互联网
关于博客园博客播放器的设置
在页脚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获取方式则在下图
其他音乐
因为我目前主要用的音乐播放软件是网易云音乐和QQ音乐,其他播放器的data-id获取方法应该类似
data-server | |
---|---|
酷狗 | kugou |
虾米 | xiami |
百度 | baidu |
进一步关于博客园博客播放器的其他方面,可以移步
标签:播放器,博客园,音乐,博客,server,歌单,data,id 来源: https://www.cnblogs.com/yixiaoshenghua/p/14953971.html