利用Aplyer和mettingJS的整合
什么是Aplyer：一款可爱，漂亮的Js音乐播放器，开源，免费使用，在我另一篇博客已经介绍了他的简单使用
什么Meting：MetingJs基于Aplayer插件封装好的插件，开箱即用。
详细API跟文档可以看官网
Aplayer官网文档：https://aplayer.js.org/
Metingjs官网文档：https://github.com/metowolf/MetingJS
Demo演示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>aplayer和mettingJs的整合</title>
<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/meting@2/dist/Meting.min.js"></script>
</head>
<body>
<meting-js auto="https://music.163.com/#/playlist?id=2314766620" fixed="true"></meting-js>
</body>
</html>
效果图
注意
https://music.163.com/#/playlist?id=2314766620，这个最后面的id为网易云音乐的歌单或者单曲id
菜鸟站点：http://www.adger.club，没写啥