HTML5在今年带来了很大的冲击，这也是网页设计的发展趋势，这是理所当然的。它是新的，令人兴奋的，易于理解，比之前的任何东西都是。直到最近，我们不得不在兼容性和定义上处在一个灰色地带，并作为一个结果，许多HTML5的早期规范已部分或完成。
首 先要了解的是HTML5的结束和CSS3开始。HTML5的标记 - 一组标准定义的文件结构和浏览器应该如何解释。而不是承担所有的责任介绍和功能，HTML5基础知识，使我们能够使用API和本地浏览器的功能，同时寻找 CSS创建可视化的外观和感觉。最后，我们留下了一个直接的和简化的语言创建网站和应用程序。
在此之前，任何类型的音频播放，在浏览器中涉及到使用Adobe Flash或其他浏览器插件。通过一个最令人兴奋和期待已久的功能在HTML5的<audio>元素，使浏览器的音频可以很容易地在线播放。与其花时间研究，不如看看这个编译的文章，我们选择一些最好的免费HTML5音频播放器提供给您的网站使用。
Media Element
MediaElement音频视频播放器是用纯HTML5和CSS编写。而不是老版本的浏览器或完全独立的Flash播放器，MediaElement.js升级与自定义Flash和Silverlight插件模仿HTML5 MediaElement的API。
：MediaElement提供了WordPress, Drupal, Joomla, jQuery, BlogEngine.NET, ruby gem和plone的插件。
SoundManager 2
SoundManager 2类使用JavaScript可以更容易地播放音频。
使用HTML5和Flash，SoundManager类中的下一个JavaScript API提供了可靠的跨平台音频支持。
Speakker
Speakker的两种变化和定制令人难以置信：无限灵活的尺寸，颜色、两种不同的黑白按钮集主题。易于设置，只需要短短几行Javascript和CSS。
audio.js
audio.js是向下兼容的JavaScript库，它允许在任何地方使用HTML5的<audio>标签，包括本地的。
HTML5 Audio Player
用HTML 5编写的一个非常轻量级的音频播放器，使用jQuery和CSS3。不支持Flash！由Scott Andrew开发。
jPlayer
jPlayer是完全免费和开源（GPL / MIT）的媒体库，用JavaScript编写的一个jQuery插件，jPlayer可以让你迅速编写跨平台音频和视频的网页，jPlayer全面的API允许你创建创新的媒体解决方案。
JME
JME是HTML5的音频/视频的开发工具包，侧重于灵活性，直观的DOM API和语义代码。
HTML5media
HTML5media可以在大部分浏览器实现<video>和<audio>标签，为了使HTML5视频和音频标签工作在所有主要浏览器，只需添加一行代码，在您网页<head>标签的某个地方，便可以使用！没有第二个步骤！
Uppod HTML5 Player
Uppod HTML5播放器让你建立自己的音频播放器。你需要做的全部工作是创建一个播放器，您选择的选项面板，并获得相应的HTML代码。
MooTools HTML5 Audio Player
MooTools的HTML5音频播放器是一个跨浏览器音频播放器，它使用了HTML5和MooTools的JavaScript框架。
HTML5 Audio Player Bookmarklet
HTML5 Audio Player能添加任何页面上链接的音频文件并播放。支持的文件格式依赖于所使用的浏览器。例如，你使用它任何页面上链接下载的音频文件，可以播放存储在你的Dropbox的音乐 - 访问dropbox.com/m，然后将音乐文件添加到这个书签。
Accessible Audio Player (AAP)
AAP是一个完全跨浏览器的媒体播放器。它使用HTML5编写。
OIPlayer jQuery plugin
OIPlayer jQuery plugin是兼容JavaScript和Flash的HTML5音频和视频播放器。
OIPlayer“attaches”，它遇到的所有的视频/或音频标签。插件本身除了一般的配置，还使用了单独控制的标签属性，宽度控制，自动播放等。
HTML5 Music Player Plugin
HTML5音乐播放器是一个jQuery插件，它可以让你播放mp3和ogg格式的文件。
Degradable HTML5 audio and video Plugin
这是一个HTML 5音频和视频的WordPress插件，可以让你在浏览器嵌入本地媒体进行播放，对不支持的浏览器提供一个优美的导向页面。
Tutorial: How to Build HTML5 Audio Player with jQuery
本教程由NeutronCreations团队编写，使用jQuery建立一个自定义的HTML5音频播放器，在本教程中，您将通过代码来了解它是如何工作的，并包括其中一些注意事项。
转载地址：http://designcss.org/archives/html-audio-player.html http://www.instantshift.com/2012/06/08/15-free-html5-audio-players-for-your-website-and-blogs/
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
