想着在文章开头插入一个音乐播器,博客主题似乎已经集成了MetingJS,只需要在Post Front-matter启用aplayer,无需在额外引入MetingJSAPlayer了。

详细配置可参考官方文档:https://github.com/metowolf/MetingJS,以下是自己常用配置

插入平台音乐

1
2
3
4
5
6
<meting-js
server="netease"
type="playlist"
id="8564697446"
autoplay="true">
</meting-js>

插入本地音乐

1
2
3
4
5
6
7
<meting-js
name="振り子"
artist="rainymood"
url="https://oss.520717.xyz/Music/Uru%20-%20%E6%8C%AF%E3%82%8A%E5%AD%90.mp3"
cover="https://oss.520717.xyz/Cover/%E6%8C%AF%E3%82%8A%E5%AD%90.jpg"
autoplay="true">
</meting-js>

配置参数

设置 默认值 描述
id 必须值 歌曲id/播放列表id/相册id/搜索关键字
server 必须值 音乐平台: netease, tencent, kugou, xiami, baidu
type 必须值 song, playlist, album, search, artist
fixed false 开启固定模式
mini false 开启迷你模式
loop all 列表循环模式:all, one,none
order list 列表播放模式: list, random
volume 0.7 播放器音量
lrctype 0 歌词格式类型
listfolded false 指定音乐播放列表是否折叠
storagename metingjs LocalStorage 中存储播放器设定的键名
autoplay true 自动播放,移动端浏览器暂时不支持此功能
mutex true 该选项开启时,如果同页面有其他 aplayer 播放,该播放器会暂停
listmaxheight 340px 播放列表的最大长度
preload auto 音乐文件预载入模式,可选项: none, metadata, auto
theme #ad7a86 播放器风格色彩设置