给网站添加一个HTML音乐播放器

 这段代码是一个音乐播放器的代码片段，它使用了APlayer和Meting.js库。这个音乐播放器可以在网页上嵌入音乐或音乐播放列表，支持自动播放，可以通过设置数据属性来控制不同的功能，比如是否自动播放、音乐源服务器、音乐类型、固定位置等。可以通过设置data-theme属性来自定义播放器的外观主题颜色。这个播放器具有随机播放功能，可以按照随机顺序播放音乐。这段代码中的链接引用了所需的CSS样式文件和JavaScript库文件，以确保播放器正常工作。

实现代码

<div id="aplayer" class="aplayer" data-autoplay="true"  data-id="20173709" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<link rel="stylesheet" href="https://syycdn.netlify.app/css/APlayer.min.css">
<script src="https://syycdn.netlify.app/js/APlayer.min.js"></script>
<script src="https://syycdn.netlify.app/js/APlayer.min.js"></script>
<script src="https://syycdn.netlify.app/js/Meting.min.js"></script>
<script src="https://syycdn.netlify.app/js/v3.js";></script>

使用教程

直接将代码放源码首页文件结尾的</body>上面即可。

上面代码中使用的是网易云音乐，具体参数介绍如下：data-id: 歌曲 / 专辑 / 歌单 ID

扩展

data-server: 音乐平台，支持如下参数：
netease （网易云音乐）
tencent （qq 音乐）
xiami （虾米音乐）
kugou （酷狗音乐）（失效）
baidu （百度音乐）

data-type: 请求类型，支持如下参数：
song （单曲）
album （专辑）
playlist （歌单）
search （搜索）

data-mode: 播放模式，支持如下参数：
random （随机）
single （单曲）
circulation （列表循环）
order （列表）

data-autoplay: 自动播放 ，支持如下参数：
true
false