Hexo博客文章引入MetingJS


想着在文章开头插入一个音乐播器,博客主题似乎已经集成了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://r2.520717.xyz/Music/Uru%20-%20%E6%8C%AF%E3%82%8A%E5%AD%90.mp3"
cover="https://r2.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
fixedfalse开启固定模式
minifalse开启迷你模式
loopall列表循环模式:all, one,none
orderlist列表播放模式: list, random
volume0.7播放器音量
lrctype0歌词格式类型
listfoldedfalse指定音乐播放列表是否折叠
storagenamemetingjsLocalStorage 中存储播放器设定的键名
autoplaytrue自动播放,移动端浏览器暂时不支持此功能
mutextrue该选项开启时,如果同页面有其他 aplayer 播放,该播放器会暂停
listmaxheight340px播放列表的最大长度
preloadauto音乐文件预载入模式,可选项: none, metadata, auto
theme#ad7a86播放器风格色彩设置