表示实在看不下去各个浏览器的原生播放器了。。尤其是Chrome,PC版和移动版的样式居然都不同了。。。找了一圈发现几个比较好的项目,一个是DIYGod的APlayer,一个是Copay的cPlayer。结果这两个播放器样式虽然不错但是API少得可怜,APlayer文档里写了有三个,cPlayer压根就没有。。。好吧,看来还是得自己动手丰衣足食。。于是乎就有了bPlayer。

↓↓↓以下是DEMO(由于浏览器安全机制限制移动端必须手动交互一次才能播放):

bPlayer保留了大量原生audio元素的API,所以从原生audio切换至bPlayer毫无压力。使用上保留了jQuery的使用习惯,然而无需jQuery。事件API会在以后的版本中放出,当然依旧与原生API名称相同~

在原生audio元素的基础上bPlayer还增加了专辑封面,艺术家还有进度条颜色的控制,放在博客上或者作为外链播放器都是极好的~

点击这里换歌

在控制台输入以下代码有同等效果:

demo.src("http://m2.music.126.net/H8LetyvxI_SGYMPf3DgJEg==/2544269908247443.mp3").title("Listen").artist("Said The Sky").cover("http://p1.music.126.net/nnM5AnJxhGbQ0kFGGMtg7w==/6642149744463772.jpg?param=60x60").color("#FECB1F");

View on GitHub

欢迎各位使用以及欢迎随时反馈BUG~~

本文章由经典老宋创作,转载请注明来源:C次元