音频组件

[zzugbb]

流行组件

1. Audio.js
   audio.js是一个非常流行的JavaScript库，它可以让你在任何地方使用HTML5的标签，并为所有浏览器提供了一个统一的HTML播放器UI，你可以使用标准的CSS样式来定义。

2. Codrops Audio
   Codrops Audio 界面使用纯CSS编写，支持响应式，可以方便在桌面、平板以及手机设备上使用。界面因为是CSS编写，所以如果懂CSS样式，可以自己设计一个新的样式来修改。

3. Dark Player
   号称设计华丽，其实是把jPlayer拿过来重新写了一遍

4. JPlayer
   功能较为齐全，兼容性好的插件，目前最为流行的音频组件，不少其他插件都是对这个的重新封装。

5. MediaElement.js
   功能较为齐全，类似jPlayer。

插件	支持功能	Github活跃度	文档是否齐全	重构难度	评价
Audio.js	音频播放/暂停，进度改变	Star:1814 Fork:409 Issues:90	因功能较为简单，没有什么文档，仅介绍了如何使用	易	功能过于简单，后期可能不能满足业务需求。
Codrops Audio	音频播放/暂停，进度改变	Star:132 Fork:39 Issues:1	作者的个人博客上有介绍如何使用的相关文章	易，该插件只是对audio标签的样式做了兼容性处理	仅仅改变了样式，并且活跃性较差。
JPlayer	音频视频播放/暂停 播放模式切换   进度切换	Star:4212 Fork:1367 Issues:106	有单独的插件网站，有详细使用说明与实现说明	易，因文档齐全，所以降低了重构难度	是目前这几个中最为出色的插件了
MediaElement.js	音频视频播放/暂停 播放模式切换   进度切换	Star:5507 Fork:1252 Issues:7	有单独的插件网站，有详细使用说明与实现说明	较难，该插件使用了es6语法，目前xxt前端并未转es6语法，学习需要的时间成本较高	另一款出色的播放组件

[zzugbb]

10 个最佳 HTML5 音频播放器推荐