原文来自个人小站:Pjax加持APlayer,音乐无间断,转载请备注
起因
下午在 @樱花庄的白猫 博客中看到左下角有个小小的音乐播放器,新奇的东西 F12 上,瞅一下名字:aplayer,啥?!谷哥度娘走起
首条记录上就出现了 APlayer 的官方网站,这么简单嘛?!只要有文档,一切都好说嘛。跟着导航找找找,是你了!吸附底边的播放样式:
APlayer 可以通过吸底模式固定在页面底部。
APlayer播放器
官方对它的介绍:
🍭 Wow, such a beautiful HTML5 music player
确实挺好看的,支持各种样式,本破小站只要有个简单的左下角 “吸底模式” 就好,代码引用也简单,保姆式文档上就贴了:
首先,div容器,样式和核心jio本(文档有给出 jsdelivr 的 CDN 链接)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script>
<div id="aplayer"></div>
然后进行初始化
const ap = new APlayer({
container: document.getElementById(