本文发布于 369 天前,最后更新于369天前,其中的信息可能已经有所发展或是发生改变,如有需要,请联系我([email protected])进行更新吖~
1、语法
| 属性 | 值 | 默认值 | 描述 |
| server | netease/tencent/kugou/xiami/baidu | require | 指定音乐平台(网易云:netease;QQ 音乐:tencent) |
| type | song/playlist/album/artist
|
require | 类型:song,playlist,album,search,artist
|
| id | – | require | 歌曲ID /播放列表ID /专辑ID /搜索关键字 |
| fixed | true | false | 开启吸底模式(不需要则删掉) |
| mini | true | false | 开启迷你模式(不需要则删掉) |
| autoplay | false | false | 音频自动播放(不需要则删掉) |
| order | list/random | list | 音频循环顺序(随机播放:random;列表播放:list) |
| theme | – | #2980b9 | 主题颜色,默认#2980b9
|
| loop | all/one/none | all | 播放器循环播放,值:“all”,one”,“none” |
| preload | – | auto | 预加载,可选值: ‘none’, ‘metadata’, ‘auto’ |
| volume | – | 0.7 | 默认音量,请注意播放器会记忆用户设置,用户手动设置音量后默认音量即失效 |
| mutex | true | true | 互斥,阻止多个播放器同时播放,当前播放器播放时暂停其他播放器 |
| listfolded | false | false | 列表默认折叠 |
| listMaxHeight | – | 340px | 列表最大高度 |
| storage-Name | metingjs | metingjs | 存储播放器设置的localStorage键 |
| lrc-type | 0 | 0 | 关闭歌词(不需要则删掉) |
示例:
server="netease"
2、示例
2.1、
server="netease" 指定音乐平台为网易云,type="song" 指单曲类型,id="7373135320" 为音乐的 id(这里的 id 为打开音乐歌单,网址显示的 id)
开启吸底模式 fixed="true", 开启迷你模式 mini="true", 随机播放 order="random", 关闭底部歌词 lrc-type="0"
注意:id 需要为自己创建的歌单,不能为我喜欢的音乐;server 可以改自己用的音乐平台,如 netease (网易云)、tencent (QQ 音乐)
<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>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script>
<meting-js
server="netease"
type="playlist"
id="7360465359"
fixed="true"
mini="true"
order="random"
loop="all"
preload="auto"
list-folded="false">
</meting-js>
2.2、
<!--css-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<!--js-->
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script>
<!--参数设置-->
<meting-js
server="netease"
type="playlist"
id="5195463265"
fixed="true"
autoplay="true"
loop="all"
order="random"
preload="auto"
list-folded="ture"
list-max-height="500px"
lrc-type="1">
</meting-js>


