给博客添加一个音乐播放器

给博客添加一个音乐播放器

Scroll Down

效果展示

代码

在你想要添加的地方加入以下代码即可

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<div id="aplayer" class="aplayer"  data-id="4877773231" data-server="netease" data-type="playlist" data-fixed="false" data-listfolded="true" data-order="list" data-theme="#F58EA8" style="width: 100%"></div>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>

保存之后就可以在相应的地方看到音乐播放器了, 看博客的时候来点音乐助助兴d(´ω`*)

歌单获取

只需将data-id换成你想要的id即可
以网易云音乐为例
选择一个自己喜欢的歌单,可以看到有生成外链播放器

点进去之后就可以看到歌单的id了,用这个id修改data-id就可以了

支付宝 微信