扩展 Shortcode - music
music
shortcode 基于 APlayer 和 MetingJS 提供了一个内嵌的响应式音乐播放器。
有三种方式使用 music
shortcode。
1 自定义音乐 URL
支持 本地资源引用 的完整用法。
music
shortcode 有以下命名参数来使用自定义音乐 URL:
-
server [必需]
音乐的链接。
-
type [可选]
音乐的名称。
-
artist [可选]
音乐的创作者。
-
cover [可选]
音乐的封面链接。
一个使用自定义音乐 URL 的 music
示例:
|
|
呈现的输出效果如下:
2 音乐平台 URL 的自动识别
music
shortcode 有一个命名参数来使用音乐平台 URL 的自动识别:
-
auto [必需]](第一个位置参数)
用来自动识别的音乐平台 URL, 支持
netease
,tencent
和xiami
平台。
一个使用音乐平台 URL 的自动识别的 music
示例:
|
|
呈现的输出效果如下:
3 自定义音乐平台,类型和 ID
music
shortcode 有以下命名参数来使用自定义音乐平台:
-
server [必需](第一个位置参数)
[
netease
,tencent
,kugou
,xiami
,baidu
]音乐平台。
-
type [必需](第二个位置参数)
[
song
,playlist
,album
,search
,artist
]音乐类型。
-
id [必需](第三个位置参数)
歌曲 ID, 或者播放列表 ID, 或者专辑 ID, 或者搜索关键词,或者创作者 ID.
一个使用自定义音乐平台的 music
示例:
|
|
呈现的输出效果如下:
4 其它参数
music
shortcode 有一些可以应用于以上三种方式的其它命名参数:
-
theme [可选]
-
fixed [可选]
是否开启固定模式,默认值是
false
。 -
mini [可选]
是否开启迷你模式,默认值是
false
。 -
autoplay [可选]
是否自动播放音乐,默认值是
false
。 -
volume [可选]
第一次打开播放器时的默认音量,会被保存在浏览器缓存中,默认值是
0.7
。 -
mutex [可选]
是否自动暂停其它播放器,默认值是
true
。
music
shortcode 还有一些只适用于音乐列表方式的其它命名参数:
-
loop [可选]
[
all
,one
,none
]音乐列表的循环模式,默认值是
none
。 -
order [可选]
[
list
,random
]音乐列表的播放顺序,默认值是
list
。 -
list-folded [可选]
初次打开的时候音乐列表是否折叠,默认值是
false
。 -
list-max-height [可选]
音乐列表的最大高度,默认值是
340px
。