简介
一款好用的音乐播放器插件,支持QQ音乐、网易云音乐、虾米、酷狗、百度等平台的音乐播放。
github地址:https://github.com/MoePlayer/hexo-tag-aplayer
官方文档:https://github.com/MoePlayer/hexo-tag-aplayer/blob/master/docs/README-zh_cn.md
效果演示
安装
npm install --save hexo-tag-aplayer
MeingJS 支持
关于本地歌曲的播放,暂不介绍。
通过对Meting API的引用,播放器将支持对于 QQ音乐、网易云音乐、虾米、酷狗、百度等平台的音乐播放。
配置
Hexo配置文件_config.yml
中设置
1 | aplayer: |
文章插入音乐
通过以下实例在文章中使用 MetingJS 播放器。
1 | <!-- 简单示例 (id, server, type) --> |
有关选项表如下:
选项 | 默认值 | 描述 |
---|---|---|
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 |
播放器风格色彩设置 |
感受:效果非常好,非常方便。