前言
在Hexo文章中插入音频请使用hexo-tag-aplayer
安装
1
| npm install hexo-tag-aplayer
|
Aplayer
语法
{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}
title : 曲目标题
author: 曲目作者
url: 音乐文件 URL 地址
picture_url: (可选) 音乐对应的图片地址
narrow: (可选)播放器袖珍风格
autoplay: (可选) 自动播放，移动端浏览器暂时不支持此# # 功能
width:xxx: (可选) 播放器宽度 (默认: 100%)
lrc:xxx: (可选)歌词文件 URL 地址
Meting
开启
在hexo/_config.yml底部添加代码
语法
{% meting "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 |
播放器风格色彩设置 |
前言
在Hexo文章中插入视频请使用hexo-tag-dplayer
安装
1
| npm install hexo-tag-dplayer
|
Aplayer
语法
{% dplayer "url=" %}
| 名称 |
默认值 |
描述 |
| container |
document.querySelector(‘.dplayer’) |
播放器容器元素 |
| live |
false |
开启直播模式, 详情 |
| autoplay |
false |
视频自动播放 |
| theme |
‘#b7daff’ |
主题色 |
| loop |
false |
视频循环播放 |
| lang |
navigator.language.toLowerCase() |
可选值: ‘en’, ‘zh-cn’, ‘zh-tw’ |
| screenshot |
false |
开启截图，如果开启，视频和视频封面需要开启跨域 |
| hotkey |
true |
开启热键 |
| preload |
‘auto’ |
预加载，可选值: ‘none’, ‘metadata’, ‘auto’ |
| volume |
0.7 |
默认音量，请注意播放器会记忆用户设置，用户手动设置音量后默认音量即失效 |
| logo |
- |
在左上角展示一个 logo，你可以通过 CSS 调整它的大小和位置 |
| apiBackend |
- |
自定义获取和发送弹幕行为，详情 |
| video |
- |
视频信息 |
| video.quality |
- |
详情 |
| video.defaultQuality |
- |
详情 |
| video.url |
- |
视频链接 |
| video.pic |
- |
视频封面 |
| video.thumbnails |
- |
视频缩略图，可以使用 DPlayer-thumbnails 生成 |
| video.type |
‘auto’ |
可选值: ‘auto’, ‘hls’, ‘flv’, ‘dash’, ‘webtorrent’, ‘normal’ 或其他自定义类型 |
| video.customType |
- |
自定义类型 |
| subtitle |
- |
外挂字幕 |
| subtitle.url |
required |
字幕链接 |
| subtitle.type |
‘webvtt’ |
字幕类型，可选值: ‘webvtt’, ‘ass’，目前只支持 webvtt |
| subtitle.fontSize |
‘20px’ |
字幕字号 |
| subtitle.bottom |
‘40px’ |
字幕距离播放器底部的距离，取值形如: ‘10px’ ‘10%’ |
| subtitle.color |
‘#fff’ |
字幕颜色 |
| danmaku |
- |
显示弹幕 |
| danmaku.id |
required |
弹幕池id，必须唯一 |
| danmaku.api |
required |
详情 |
| danmaku.token |
- |
弹幕后端验证 token |
| danmaku.maximum |
- |
弹幕最大数量 |
| danmaku.addition |
- |
额外外挂弹幕，详情 |
| danmaku.user |
‘DIYgod’ |
弹幕用户名 |
| danmaku.bottom |
- |
弹幕距离播放器底部的距离，防止遮挡字幕，取值形如: ‘10px’ ‘10%’ |
| danmaku.unlimited |
false |
海量弹幕模式，即使重叠也展示全部弹幕，请注意播放器会记忆用户设置，用户手动设置后即失效 |
| contextmenu |
[] |
自定义右键菜单 |
| highlight |
[] |
自定义进度条提示点 |
| mutex |
true |
互斥，阻止多个播放器同时播放，当前播放器播放时暂停其他播放器 |
