10个优秀的Javascript的音频库

web和web浏览器在过去几年取得了快速的进步,这些进步与新技术通常被认识是html5达到的惊人的成果。然而,在这些新技术中,音频任然是不足的。尽管谷歌开了web音频api,使我们上网得到方便,但是只有一些最新的浏览器才支持这种新开发的web的音频。
html5提供了一种新的音频标签实现和规范用一个简单的html对象而无需音频插件来控制音频。这只是一个简单的整合这些新的html5音频特征及使用javascript来创建各种播放控制。
下面将介绍10款javascript音频库,用这些类库,我们可以控制音频和视频元素的各种方法、属性和事件。
1. howler.js
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
2. annyang.js
annyang是一个微小的javascript库,它可以轻松实现让访客用语音命令控制你的网站。annyang没有依赖性,重量不到1 kb,并且可以免费使用和修改。它具有很好的浏览器兼容性。
source:https://www.talater.com/annyang/
3. voix.js
voix.js是一个简单、轻量级的级javascript库,可以实现在网站、游戏及app中添加语音命令。它可以通过麦克风启动或停止,并且可以实现当检测到给定关键字时触发相关事件。
source:http://pazguille.github.io/voix/
4. audio.js
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/
5. buzz
buzz是一款小而强大的javascript音频库,且允许你轻松的利用新的html5音频元素。
source:http://buzz.jaysalvat.com/
6. soundmanager 2
soundmanager 2 是一个库封装和扩展了flash声音功能的,可以跨平台的javascript音频类。soundmanager 2是为了实现一个javascript驱动的优秀互动网络项目的愿望而开发,它可以免费用于个人和商业项目。同时,soundmanager 2给我们提供了功能强大的api。
source:http://schillmania.com/projects/soundmanager2/
7. sound.js
soundjs是一个简化网络音频处理的javascript库。它为不同的浏览器中播放音频提供了一个统一的api,包括使用插件模式来提供一种简单的方法控制音频插件。另外,soundjs还具有音频预加载机制。
source:http://www.createjs.com/#!/soundjs
8. audiolet
audiolet是一个在浏览器中实时的音频合成和组成的javascript库。它使用基于图形的路由和基于模式的调度,使复杂的音频编程简单,易于理解。
source:http://oampo.github.io/audiolet/
9. ion.sound
ion.sound是一个播放声音的jquery插件,它已经在google chrome, mozilla firefox, opera, safari, ie(9.0+) 及 移动浏览器上测试通过,在mit许可条件下可以免费试用。
source:http://ionden.com/a/plugins/ion.sound/en.html
10. audio5js
audio5js提供了一个与html5音频播放无缝兼容的api,它支持多种解码器,并且能够使用flash向前兼容老版本的浏览器。创建audio5js的目的就是为提供一个轻量级的,纯javascript的,能够在浏览器中播放音频的接口。
source:http://zohararad.github.io/audio5js/
上一个:为什么今年做高端网站建设的客户多了
下一个:什么是静态网页?静态网页有哪些特点
莱州网站建设,莱州做网站,莱州网站设计