就网页设计趋势而言，HTML5今年肯定会大受欢迎，当然也是如此。这是新的，令人兴奋的，容易理解的，比任何事情都好。直到最近，我们不得不在兼容性和定义方面探索一个灰色地带，结果，早期采用HTML5技术的许多网站都是部分或完全的灾难。
首先要理解的是HTML5的结束和CSS3的开始。HTML5只是标记——一组定义文档应该如何结构化以及浏览器应该如何解释文档的标准。HTML5没有承担表示和功能的所有责任，而是回到了基础，允许我们利用API和本地浏览器功能，同时寻找CSS来创建可视的外观。最后，我们留下了一个直接和简化的语言来创建网站和应用程序。
以前，使用Adobe Flash或其他浏览器插件来播放浏览器内的任何类型音频的功能。通过HTML5中最令人兴奋和期待已久的特性之一 <audio> 元素，在浏览器中启用本地音频回放，这使得您可以轻松地在线传输音频。在此，我们选择了一些免费使用的最好HTML5音频播放器列表。
1. Media Element
MediaElement是一个音频播放器，它是用纯HTML5和CSS编写的。MediaElement.js使用模仿HTML5 MediaElement API的自定义Flash和Silverlight插件来升级它们，而不是为现代浏览器提供HTML5播放器，为老的浏览器提供完全独立的Flash播放器。
MealAtEngor为WordPress、Drupal、Joomla、jQuery、BlogEngine.NET、ruby gem和plone提供插件。
2. SoundManager 2
SoundManager 2使用JavaScript更容易播放音频。
使用HTML5和Flash，SoMeMeor 2在单个JavaScript API下提供可靠的跨平台音频。
3. Speakker
Speakker有两种变体，并且具有令人难以置信的定制选项：灵活的尺寸，无限的颜色和两个不同的按钮集用于明暗主题。易于设置。只有几行Javascript和一个轻量CSS。
4. audio.js
audio.js是JavaScript库中的一个值，允许HTML5的 <audio> 标签在任何地方使用。
它可以在本地使用。
5. HTML5 Audio Player
使用JQuery和CSS3在HTML5中编写的非常轻量级的音频播放器。没有闪光灯！由Scott Andrew开发。
6. jPlayer
jPlayer是用JavaScript编写的完全免费和开源的(GPL/MIT)媒体库。JQuery插件，jPlayer允许您快速地将跨平台的音频和视频编织到网页中。jPlayer全面的API允许您创建创新的媒体解决方案。
7. JME
jme是一个HTML5音频/视频开发工具包与Flash回放插件，重点放在灵活性，直观的DOM API和语义代码。
8. HTML5media
HTML5媒体使能 <video> 和 <audio> 所有主要浏览器中的标签
要使HTML5视频和音频标签在所有主要浏览器中都能工作，只需在文档的<head>中添加一行代码即可。就是这样！没有第二步！
9. Uppod HTML5 Player
Uppod HTML5 Player可以让你建立自己的音频播放器。你所要做的就是用选项面板创建一个你选择的玩家，并得到相应的HTML代码。
10. MooTools HTML5 Audio Player
MooTools HTML5 Audio Player是用HTML5和Mootools JavaScript框架制作的跨浏览器音频播放器。
11. HTML5 Audio Player Bookmarklet
HTML5 Audio Player Bookmarklet添加音频播放器播放链接的音频文件在任何页面上。支持的文件格式取决于所使用的浏览器。在任何链接到可下载音频文件的页面上使用它，例如，您可以播放存储在Dropbox中的音乐——访问dropbox.com/m，然后导航到带有音乐文件的文件夹并使用这个书签。
12. Accessible Audio Player (AAP)
AAP是一个完全可访问的跨浏览器媒体播放器，它使用HTML5创建。
13. OIPlayer jQuery plugin
OIPlayer jQuery plugin是一个HTML5音频和视频播放器，后退到Java和Flash。
OIPlayer“附加”到它遇到的所有视频和/或音频标签。除了插件本身的一般配置之外，它还为每个单独的标记使用相应标记的属性，如海报、宽度、控件、自动播放等。
14. HTML5 Music Player Plugin
HTML5 Music Player是一个jQuery插件，它可以让你播放MP3以及OGG文件。
15. Degradable HTML5 audio and video Plugin
这是一个用于html5音频和视频的有用wordpress插件，允许您在支持的浏览器中嵌入用于本地回放的媒体，并为不支持的浏览器提供平滑的降级。
16. Tutorial: How to Build HTML5 Audio Player with jQuery
本教程是由NealOngices团队编写的，用JQuery构建自定义HTML5音频播放器。在本教程中，您将通过代码来理解它是如何工作的，包括沿用的几个警告。
原文：http://www.instantshift.com/2012/06/08/15-free-html5-audio-players-for-your-website-and-blogs/
