1、在页头head标签里添加:
<link rel="stylesheet" href="https://cdn.bootcss.com/aplayer/1.10.1/APlayer.min.css">
<script src="https://cdn.bootcss.com/aplayer/1.10.1/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>
2、在页脚footer标签里(/body前)添加:
<div>
<meting-js
server="tencent"
type="playlist"
id="8268823919"
fixed="true"
autoplay="false"
loop="all"
preload="auto"
volume="0.6"
list-folded="true"
list-max-height="500px"
>
</meting-js>
</div>
3、相应配置
常见的配置:
参数 | 默认 | 描述 |
---|---|---|
server | 无 | 音乐平台:netease, tencent, kugou, xiami, baidu |
type | 无 | 播放的音乐类型,值:song, playlist, album, search, artist |
id | 无 | 歌曲id/播放列表id/专辑id/搜索关键字 |
mini | false | 迷你模式 |
fixed | false | 启用固定模式, 默认位置在左下角 |
autoplay | false | 音频自动播放 |
order | false | 排序,值:list, random |
loop | all | 循环播放,值:all, one, none |
preload | auto | 预加载,值:‘none’, ‘metadata’, ‘auto’ |
volume | 0.7 | 音量,值:0~1 |
list-folded | false | 表示歌单列表是否折叠 |
list-max-height | 无 | 示歌单列表的最大高度 |