bPlayer

Author Avatar
天空之间 11月 18, 2017
  • 在其它设备中阅读本文章

说起来很久都没写博客了呢,估计这两天会写一篇博文记录下最近的事情~

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 会包含这些功能,期待~

本文使用 CC BY-NC-SA 3.0 中国大陆 协议许可
具体请参见 知识共享协议

本文链接:https://liyin.date/2017/11/18/bplayer/