EMLOG添加APlayer音乐播放器教程

首页 » 其他分享 » 2020年05月30日下午 05:57:08 » 本文：9381字

EMLOG添加APlayer音乐播放器，教程如下！

在 head 标签引入以下文件

<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

在 body 合适的地方插入以下内容

<!--此处为示例--->
<meting-js
	server="netease"
	type="playlist"
	id="60198">
</meting-js>

选项

option	default	description
id	必须	歌曲 id/歌单 id/专辑 id/搜索关键词
server	必须	音乐平台:netease,tencent,kugou,xiami,baidu
type	必须	song,playlist,album,search,artist
auto	options	音乐链接, 支持以下平台:netease,tencent,xiami
fixed	false	开启吸底模式,详情
mini	false	开启迷你模式,详情
autoplay	false	音频自动播放
theme	#2980b9	主题色
loop	all	音频循环播放, 可选值: ‘all’, ‘one’, ‘none’
order	list	音频循环顺序, 可选值: ‘list’, ‘random’
preload	auto	预加载，可选值: ‘none’, ‘metadata’, ‘auto’
volume	0.7	默认音量，请注意播放器会记忆用户设置，用户手动设置音量后默认音量即失效
mutex	true	互斥，阻止多个播放器同时播放，当前播放器播放时暂停其他播放器
lrc-type	0	详情
list-folded	false	列表默认折叠
list-max-height	340px	列表最大高度
storage-name	metingjs	存储播放器设置的 localStorage key