就网页设计趋势而言,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/