首页 > 编程学习 > 博客前端页面添加音乐播放器组件

博客前端页面添加音乐播放器组件

发布时间:2022/8/12 13:54:01

博客前端页面添加音乐播放器组件

1.引入css

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">

2.引入js

<script src="https://files.cnblogs.com/files/wkfvawl/APlayer.min.js"></script>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>

3.在页面底部加入如下代码

<div id="aplayer" class="aplayer"  data-id="5433036795" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>

其中data-id为网易云音乐歌单id,可以自行修改,data-id获取方式如下:

打开网易云音乐网站,点击进入一个歌单,此歌单不能是已登录用户自己的收藏歌单。

vGtpan.png

如图地址栏中标红处就是data-id,复制粘贴即可。

Copyright © 2010-2022 ngui.cc 版权所有 |关于我们| 联系方式| 豫B2-20100000