引
2017 年 11 月 12 日的时候和老宋 主页在这里 见了面~ 他真的真的真的真的很触, ef.js 框架就出自他之手。
不过呢,今天,推荐一个他写的另一个工具库 —— bPlayer ,一个基于 HTML5 Audio 的播放器。
现在,在你们查看我的博客标题 Slogan 的时候,你会发现,原来光秃秃的音乐播放控件变成了美观的 bPlayer
以前,我也使用过其他的音乐库,比如 APlayer ,不过,它经常出现 Error Happened
错误导致无法播放。
而 bPlayer 就没有这个问题,一切都很顺利,而且使用非常的方便。
如何使用呢
首先就是引入 bPlayer 啦,去 upkg 引用最新的 bPlayer 或者 npm install bPlayer --save
都可以~
然后修改你的 audio
标签
<audio src="音乐地址" cover="封面" title="标题" artist="歌手" color="主题颜色" autoplay="是否自动播放" loop="是否循环" slim="是否使用窄版" controls="bplayer"></audio>
然后,简单的调用
bPlayer.scan()
就可以了
限制
现在 bPlayer 还不支持 source
多来源,也没有歌词和播放列表的功能,不过据说下一代的 bPlayer-ef
会包含这些功能,期待~