10个jQuery HTML5音频播放器
据巴兹角度音乐 ，共有83个十亿音频流是在美国独自一人在2017年这标志着较上一季度61.2％，第一季度消费。 同时，音乐销售下降了23.8％。
2017年5月8日：这种流行的文章更新，以反映当前可用的音频播放器和插件。
流的一个优点是，观众可以欣赏自己喜爱的音乐和在线播放，而不用担心他们的设备上的存储空间。 越来越多的人，尤其是年轻一代，都发现了这种便利负担得起的互联网已越来越多的人的可用性。
如果你想进入流媒体业务，你可以做很多事情不如退房的HTML5音频播放器这个名单我已经编制。
1. MediaElement.js
目前最好的开源媒体播放器的网站之一，MediaElement.js同时支持视频和音频。 MediaElement.js能够从本地和第三方来源等的SoundCloud，YouTube上，位DailyMotion，Vimeo的，抽搐播放媒体。 它可以与香草的JavaScript，jQuery的，节点，流星，Require.js和反应来进行配置。
我考虑了媒体播放器的头把交椅的原因是，它仍然在积极的发展。 这意味着问题将得到更快的解决，它可能会被随时保持最新与最新的HTML5标准和浏览器的支持。
- 许可：开源（MIT）
- 网站
- 下载
- 源（GitHub上）
- NPM - 4,697下载上个月
- 文档
- CDN链接：
- http://www.jsdelivr.com/projects/mediaelement
- https://cdnjs.com/libraries/mediaelement
2. SoundManager类2
SoundManager类2建造，使其更容易提供音频桌面和移动平台。 它具有强大的API，其中支持使用HTML5音频和在需要时可选择地退回到Flash。 它没有外部依赖性，并且可以与其他JavaScript框架如jQuery使用。 文档是一流的，允许开发者将其配置为他们的需求。 它支持播放列表和多种皮肤是箱可用了。 一些使用它的网站包括Last.fm和BeatsMusic。
该音频播放器的发展已经放缓，但开源社区正在做一项伟大的工作解决用户报告的问题。 声音管理器2真的是精心设计的，仍然是用最新的浏览器标准兼容。 目前，它支持所有主要的浏览器包括IE6，Safari浏览器和Android。
- 许可：开源（BSD）
- 网站
- NPM - 5048个下载上个月
- 源（GitHub上）
3.阵营，jPlayer
如果你正在寻找对jQuery的不依赖一个jPlayer版本，那么你是幸运的（也就是说，如果你是一个开发者做出反应）。 反应-jPlayer是jPlayer很大程度上激发了非常新的条目。 目前，它支持音频和视频。 从IE9和所有现代移动平台的现代浏览器都支持。 这意味着旧的浏览器，如IE6和IE7不支持（没什么大不了）。 它不使用Flash作为后备，因为iOS和Chrome版已经正式落下了对它的支持 。
该项目似乎已经在几个月前开始，它已经得到了在过去一个月520个下载。 从提供的演示，所有的功能似乎是台式机和移动设备上正常工作。 播放列表目前不支持，虽然。 这将在名为反应，jPlaylist即将到来的包来实现。
作为一个项目做出反应，这显然把限制在其他前端JavaScript框架如Vue.js.使用 它，然而，有可定制的功能，非常适合建设一个新的现代化网站的流媒体音乐广大。
4. HTML5的音频播放器播放列表
这个非常受欢迎的HTML5音频播放器带来的选项给用户一个了不起的数字。 它支持广泛的功能和外观所证明的实时预览页面，包括全屏幕幻灯片放映。 在其众多的功能，是它支持弹出窗口让游客继续浏览您的网站，而无需中断音频流。 音频播放器的多个实例，同时也支持在同一页面上。
5. FULLWIDTH音频播放器
这是一个WordPress插件，您的标准WordPress网站转换成一个音乐网站。 它是充分响应，并配到播放列表和歌曲添加到页面或交的能力。 它还支持窗口弹出窗口不可中断的媒体播放。 您可以在任何WordPress的网页上的底部添加全角音频播放或发布使用简码。 的SoundCloud支持，以及。
6. Zoomsounds
这是一个负责任的，视网膜就绪，HTML5音频附带3种皮肤开箱即用的球员。 所有移动和现代浏览器的支持，包括IE7 +。 它支持从YouTube和的SoundCloud播放音频。 开发者可以通过SASS或CSS定制播放器的UI。 该组件的开发者还提供了一个WordPress版本。
7.皇家音乐播放器
这对于那些想招待他们的在线观众与时尚的音频播放器的音频和视频播放器。 它是响应并支持所有现代浏览器和移动平台。 它具有支持YouTube上，的SoundCloud，播客，Official.fm，Shoutcast一样，的Icecast和全面的API。 它也支持外部来源，如谷歌驱动器和Amazon S3。 在写这篇文章的时候，这个项目已经被最近更新。 支持质量似乎顶尖的开发商热衷于快速解决问题，因为它们出现。
8. jPlayer 2
jPlayer 2是音频和视频的jQuery插件与HTML5和Adobe Flash的支持作为备用。 它支持所有主要的浏览器IE6，包括+，Safari浏览器，浏览器，Mozilla，IOS，Android和黑莓。 它的文档是广泛的，允许开发人员定制，以他们的需求。 它有播放列表的支持，以及盒子都设置了多个主题。 它使用的组织，如潘多拉，BBC，半岛电视台和。
可悲的是，这个伟大的插件已经被开源社区忽略。 问题越积越多，并正在迅速落后于现代的浏览器标准。 然而，有一些好消息。 对于jPlayer 3计划已经在进行中。 我们的目标是带来了多项改进，包括切除jQuery的依赖，使其能够在更多的环境中使用。
- 许可：开源（MIT）
- 网站
- NPM - 2221个下载上个月
- 源（Github上）
- 支持：
9.齿轮HTML5音频播放器
齿轮是，基于jQuery-出的这个世界，HTML5音频播放器一个惊人的UI。 它具有光滑的SVG动画，独特的帆布均衡器，和支持的SoundCloud。 它具有移动响应式设计，JSON播放列表，循环引用，并停靠迷你播放器。 造型缀以更少。 巧合的是，SoundManager类2记是用于构建这个美丽的音频播放器的一个项目之一。
10. tPlayer - 音频播放器为WordPress
tPlayer是WordPress的一个基于jQuery的球员。 它支持MP3音频文件播放以及从SoundCloud，Shoutcast一样，和流媒体的Icecast。 它有平板电脑和智能手机设备一个伟大的用户体验设计，包括SVG动画。 该播放器还具有购买和下载链接。
包装这一切
这份清单给你一些最好的开放源代码和商业音频播放器目前可用的。 尽管这篇文章是关于jQuery的音频播放器的称号，有一个一般转移到从源代码中删除jQuery的依赖性。 这是为了使音频播放器集成到其中的jQuery不希望更多的JavaScript框架。
当选择为您的网站的音频播放器，你应该热衷于它是如何频繁地获取更新。 这是因为浏览器得到更新，有时会破坏某些功能正在使用的音频播放器。
商业HTML5音频播放器是巨大的，如果它们所包含的目标功能，你需要为你的网站。 他们通常都设有多个外观，加上有能力使用CSS来进一步定制。 开源的HTML5音频播放器也很棒，如果你有预算有限，或者你只是想尝试。 开源许可证允许您通过以创建一个新的类型具有独特功能的音频播放器中增加新的代码或第三方库完全自定义的功能。
这是所列内容可能并不全面，但我希望至少它给你的什么是可用在那里味道。 你有一个插件来推荐？ 我错过了你最喜欢的音频播放器？ 让我知道在评论！
如果你很喜欢这一点，并想使声音你自己的，你可能想看看我们的截屏上开始使用网络音频API 。
From: https://www.sitepoint.com//10-jquery-html5-audio-players/