Web和Web浏览器在过去几年取得了快速的进步,这些进步与新技术通常被认识是HTML5达到的惊人的成果。然而,在这些新技术中,音频任然是不足的。尽管谷歌开了WEB音频API,使我们上网得到方便,但是只有一些最新的浏览器才支持这种新开发的WEB的音频。
HTML5提供了一种新的音频标签实现和规范用一个简单的HTML对象而无需音频插件来控制音频。这只是一个简单的整合这些新的HTML5音频特征及使用JavaScript来创建各种播放控制。
下面将介绍10款JavaScript音频库,用这些类库,我们可以控制音频和视频元素的各种方法、属性和事件。
Howler.js一款基于web audio API的javascript类库,如果浏览器不支持的话,会自动fallback到HTML audio。为了保证跨浏览器的兼容性,它允许接收多种文件格式。该库能同时缓存和播放多个声音,还有循环播放功能,淡入淡出效果和标准的多媒体控制功能。Howler.js是轻量级的(5kb),且不需要任何JS框架。
Source:http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library
Annyang是一个微小的javascript库,它可以轻松实现让访客用语音命令控制你的网站。Annyang没有依赖性,重量不到1 kb,并且可以免费使用和修改。它具有很好的浏览器兼容性。
Source:https://www.talater.com/annyang/
voix.js是一个简单、轻量级的级JavaScript库,可以实现在网站、游戏及APP中添加语音命令。它可以通过麦克风启动或停止,并且可以实现当检测到给定关键字时触发相关事件。
Source:http://pazguille.github.io/voix/
Audio.js是一款小巧的音JavaScript音频库,它可以在任何地方使用最新的HTML5中的audio标签来调用音乐文件并输出,而且兼容性也非常不错,完美通过下面的各大浏览器列表:
1、Mobile Safari (iOS 3+)
2、Android (2.2+, w/Flash)
3、Safari (4+)
4、Chrome (7+)
5、Firefox (3+, w/ Flash)
6、Opera (10+, w/ Flash)
7、IE (6, 7, 8, w/ Flash)
Audio.js支持自定义样式,可以很方便的根据页面的整体效果去设置播放器的界面颜色,当然这些都是因为Audio.js可以很好的配合HTML5标签,摆脱了FLASH的束缚。另外Audio.js还支持下拉播放列表,同时还支持键盘上的方向键与空格键来控制音乐的播放与暂停。
Source:http://kolber.github.io/audiojs/
Buzz是一款小而强大的JavaScript音频库,且允许你轻松的利用新的HTML5音频元素。
Source:http://buzz.jaysalvat.com/
SoundManager 2 是一个库封装和扩展了Flash声音功能的,可以跨平台的Javascript音频类。SoundManager 2是为了实现一个javascript驱动的优秀互动网络项目的愿望而开发,它可以免费用于个人和商业项目。同时,soundmanager 2给我们提供了功能强大的API。
Source:http://schillmania.com/projects/soundmanager2/
SoundJS是一个简化网络音频处理的JavaScript库。它为不同的浏览器中播放音频提供了一个统一的API,包括使用插件模式来提供一种简单的方法控制音频插件。另外,SoundJS还具有音频预加载机制。
Source:http://www.createjs.com/#!/SoundJS
audiolet是一个在浏览器中实时的音频合成和组成的JavaScript库。它使用基于图形的路由和基于模式的调度,使复杂的音频编程简单,易于理解。
Source:http://oampo.github.io/Audiolet/
Ion.Sound是一个播放声音的jQuery插件,它已经在Google Chrome, Mozilla Firefox, Opera, Safari, IE(9.0+) 及 移动浏览器上测试通过,在MIT许可条件下可以免费试用。
Source:http://ionden.com/a/plugins/ion.sound/en.html
Audio5js提供了一个与HTML5音频播放无缝兼容的API,它支持多种解码器,并且能够使用flash向前兼容老版本的浏览器。创建audio5js的目的就是为提供一个轻量级的,纯JavaScript的,能够在浏览器中播放音频的接口。
Source:http://zohararad.github.io/audio5js/