以前,在网页上播放音频是通过第三方插件(如Flash、QuickTime和Silverlight )进行的,没有统一的音频播放标准。
HTML5提供了通过audio元素将音频嵌入网页的标准方法。 以下9个HTML5音频播放器都是基于audio元素开发的,可以轻松地在网页中嵌入音频。
1. jPlayer
jPlayer是一个基于jQuery的免费开源HTML5音频和视频播放插件,API简单,支持自定义外观。
2 .媒体元素
媒体元素是支持音频和视频播放的播放器,由纯HTML5和CSS编写,可以在旧浏览器中升级为Flash或Silverlight播放。 媒体元素还可以定制皮肤,通过插件进入WordPress、Drupal、Joomla等主要平台。
3.Scott Andrew’shtml 5音频播放器
这个HTML5音频播放器非常简单,是由Scott Andrew开发的。 如果不需要播放列表也不需要华丽的效果,可以选择。
4.Speakker
Speakker是我最喜欢的音频播放器,功能强大,使用方便。 此播放器具有播放列表、声音控件和播放控件等多种功能,支持自定义大小、颜色和按钮文本等选项。 支持所有现代浏览器,旧浏览器会自动降级为Flash播放。
5.mootools html 5音频播放器
是基于Mootools框架的HTML5音频播放器。 如果你的网站使用的是Mootools框架,我想你会喜欢这个播放器的。
6 .通用html 5音频播放器
这个玩家在这个列表中是唯一收费的。 当然,功能也很全面,支持播放控制按钮图像定制,与iOS、Android和桌面浏览器兼容。
7.SoundManager 2(推荐)
通过调用轻量级的JavaScript API,SoundManager 2提供了一个可信的跨平台音频播放方案,旧浏览器会自动升级到Flash。 美丽的Demo: http://wheelsofsteel.net
8.audio.js (推荐) ) ) ) ) ) )。
audio.js是一个轻量级的JavaScript库,可以轻松地在网页中嵌入音频。 在现代浏览器中使用本机标签播放音频,而在旧浏览器中使用Flash模拟标签。 所有浏览器都使用统一的UI界面,可以在CSS中定义外观。
9.html 5音频播放器bookmarklet
此特殊播放器以书签格式播放网页音频文件,并可在包含指向可下载音频文件的链接的页面上使用。
推荐参考: