在你需要加入歌单的位置加入以下代码

1
2
3
4
5
6
7
8
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.7/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.7/dist/APlayer.min.js"></script>
<div class="aplayer"
data-id="164660105"
data-server="netease"
data-type="playlist">
</div>
<script src="https://cdn.jsdelivr.net/npm/meting@1.1/dist/Meting.min.js"></script>

参数说明

1
2
3
4
5
6
data-server: 这里指提供歌曲的服务器。这里有五个选项,分别为 netease, tencent, kugou, xiami, baidu

data-type:播放数据的类型,有 歌曲 song, 歌单 playlist,专辑 album,搜索 search,歌手 artist,比如像博主用的就是playlist

data-id: data-type为song,这里就填歌曲的id,类似地,data-type为其他的,就填其他对应的id。
需要注意,当data-type为search时,这里填写搜索的关键字,比如:海阔天空

所有参数如下图:

avatar
avatar

更多高级应用请 点击访问原作者的repo

补充一点:

所有srcipt的src,请直接使用上边的,不要下载下来放到自己的项目中再引用,否则会报错!!

如果不知道把代码该放到什么位置,博主的做法是,新建一个page,直接写入上边的html代码,然后把page添加到网站上,简单暴力!

如果不知道data-id怎么获取的,我这里也提一下。打开网页版网易云或其他音乐,点击一个歌单,看地址栏你就会明白。如下图:

avatar
avatar

以上,够详细了!不懂再问!