Aplayer
# 介绍
可以插入 aplayer 标签
# 使用
{% mmedia "aplayer" "name:songName" "url:a.mp3" %}
1
{% mmedias "aplayer" "autoplay:false" %}
{
"volume": 0.8,
"audio":
[
{
"name": "name1",
"artist": "artist1",
"url": "url1.mp3",
"cover": "cover1.jpg",
"lrc": "lrc1.lrc",
"theme": "#ebd0c2"
},
{
"name": "name2",
"artist": "artist2",
"url": "url2.mp3",
"cover": "cover2.jpg",
"lrc": "lrc2.lrc",
"theme": "#46718b"
}
]
}
{% endmmedias %}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
# 参数
- 使用
:
或=
分割。
详细参数表:
参数 | 默认 | 解释 |
---|---|---|
name | - | audio name |
artist | - | audio artist |
url | - | audio url |
cover | - | audio cover |
lrc | - | audio lrc |
theme | - | audio theme |
type | auto | audio type 可选 'auto', 'hls', 'normal' |
autoplay | false | autoplay |
loop | 'all' | player loop play, values: 'all', 'one', 'none' |
order | 'list' | player play order, values: 'list', 'random' |
volume | 0.7 | default volume, |
tlistMaxHeight | - | list max height |
不在表格内的参数请使用下面 JSON 类型的参数。
# JSON 参数
mmedia 插件允许在 contents 部分使用 JSON 编写配置,由于允许使用 JSON5,此项配置几乎与 APlayer 完全一致。
详情请见上方示例。
# 配置
默认配置可写入 _config.yml
下
mmedia:
aplayer:
js: https://cdn.jsdelivr.net/npm/aplayer@1/dist/APlayer.min.js
css: https://cdn.jsdelivr.net/npm/aplayer@1/dist/APlayer.min.css
default:
contents:
1
2
3
4
5
6
2
3
4
5
6
上次更新: 10/4/2022, 11:21:17 PM