利用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,没写啥