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

效果展示

代码

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

<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就可以了

本文由 罗罗 创作,如果您觉得本文不错,请随意赞赏
采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
原文链接:https://www.lwjppz.cn /archives/add-musicplayer
最后更新于:2020-02-26 16:16:10

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×