音乐播放器-meting+APlayer
给你的网站添加一个音乐播放器。
用到的组件
1、APlayer（音乐播放器）
2、meting（三方音乐库api）
操作步骤
如果是你zblog的程序。下载下面的插件，直接安装使用即可。
其他程序，将这三行代码放进网站里
<!-- MetingJS --> <script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script> <!-- Aplayer --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css"> <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.js"></script>
然后就可以在需要使用音乐的地方插入代码
<meting-js server="XXX" type="XXX" id="XXX"></meting-js>
参数说明
| 参数 | 默认值 | 描述 |
|---|---|---|
| id | 必须值 | 封面ID/单曲ID/歌单ID |
| server | 必须值 | netease（网易云音乐）tencent（QQ音乐）xiami（虾米音乐）kugou（酷狗音乐） |
| type | 必须值 | song（单曲）album（专辑）playlist（歌单） |
| autoplay | false | 自动播放 |
| fixed | false | 吸底模式 |
| mini | false | 迷你模式 |
| theme | #2980b9 | 主题色 |
| loop | all | all（列表循环）one（单曲循环）none（不循环） |
| order | list | list（顺序播放）random（随机播放） |
| volume | 0.7 | 音量 |
| listfolded | false | 是否折叠 |
| listmaxheight | 340px | 播放列表最大长度 |
| mutex | true | 与其他 aplayer 不可同时播放 |
参数 默认值 描述
id 必须值 封面ID/单曲ID/歌单ID
server 必须值 netease（网易云音乐）
tencent（QQ音乐）
xiami（虾米音乐）
kugou（酷狗音乐）
type 必须值 song（单曲）
album（专辑）
playlist（歌单）
autoplay false 自动播放
fixed false 吸底模式
mini false 迷你模式
theme #2980b9 主题色
loop all all（列表循环）
one（单曲循环）
none（不循环）
order list list（顺序播放）
random（随机播放）
volume 0.7 音量
listfolded false 是否折叠
listmaxheight 340px 播放列表最大长度
mutex true 与其他 aplayer 不可同时播放
文档如有描述不清楚、错误或者过时的地方，欢迎留言指出。
文档、教程内容会不定时更新，转载请标明原帖链接，以免让过时的教程流入网络。