欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

给博客加了个音乐播放器

程序员文章站 2022-10-04 12:54:58
本来用的是网易云的外链,后来发现APlayer就换成这个播放器组件了 在 页脚 HTML 代码 中插入以下代码就行了 1

本来用的是网易云的外链,后来发现aplayer就换成这个播放器组件了

在 页脚 html 代码 中插入以下代码就行了

1 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/aplayer.min.css">
2 <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/aplayer.min.js"></script>
3 <div id="aplayer" class="aplayer" data-autoplay="true"  data-id="3714831768" data-server="tencent" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#f58ea8"></div>
4 <script src="https://unpkg.com/meting@1.2.0/dist/meting.min.js"></script>

这样子播放器是在页面的左下角,效果如图:

给博客加了个音乐播放器