5款帮助简化的HTML5 Audio开发的Javascript类库

小灰灰 2022-08-10 12:55 183阅读 0赞

[![e5f65ac8-46a0-4995-a6aa-968befa5cec8.jpg][]][e5f65ac8-46a0-4995-a6aa-968befa5cec8.jpg 1]

[HTML5][]的audio标签提供了我们方便控制声音的功能，但是使用原生的[HTML5][]来开发声音或者音乐相关的项目仍旧非常的麻烦，在今天这篇文章中，我们将介绍５款帮助你简化开发的javascript audio类库，相信合理的使用能够帮助你高效的开发基于html5 audio的应用和项目，希望大家觉得有帮助！

## [SoundManager 2][SoundManager_2] ##

soundmanager2绝对是一个产品级别的javascript audio解决方案，支持[HTML5][]并且兼容老的flash。帮助大家使用一套统一API来实现跨平台（支持移动设备和桌面设备）的声音解决方案，避免针对不同的平台来定制功能。并且功能完整，并且类库非常小巧，文档和演示也非常完整，个人和商业使用免费，小编我强烈推荐！

[![3841da35-4b6f-42b7-b99c-9579a2232da7.jpg][]][3841da35-4b6f-42b7-b99c-9579a2232da7.jpg 1]

## [Sound.js][] ##

这个类库帮助你更快更简洁的开发web相关的audio。提供了一个连续而完整API来处理不同浏览器的行为，包含了对web audio及其flash的支持。

[![6b343cf2-5fd2-47be-aea2-209a4baea95e.jpg][]][6b343cf2-5fd2-47be-aea2-209a4baea95e.jpg 1]

## [Howler.js][] ##

这个类库缺省使用web audio API，如果不支持则调用[HTML5][] audio。支持多种文件格式，跨平台，支持声音文件的缓存并且可以同时播放多个声音文件。类库非常轻量级，支持链式方法，不要求第三方类库。[更多相关介绍和演示][Link 1]

[![acf05790-9d7f-4c74-bfec-5148f78ec603.jpg][]][acf05790-9d7f-4c74-bfec-5148f78ec603.jpg 1]

## [Audio5js][] ##

这个类库提供了针对html5 audio的无缝兼容，支持多种codec，并且针对老式浏览器使用flash来兼容。

[![8f722e31-89fd-4cd6-9462-7103091307fc.jpg][]][8f722e31-89fd-4cd6-9462-7103091307fc.jpg 1]

## [Audio.js][] ##

Audio.js允许[HTML5][] audio标签可以方便的在任何地方使用。对于现代浏览器使用本地audio，对于老式浏览器使用不可见的flash来模拟。提供了一个连续的播放器UI可以使用标准的css来定义样式。这个类库主要用来播放mp3。目前不支持ogg格式。支持浏览器如下：

*  Mobile Safari (iOS 3+)
 *  Android (2.2+, w/Flash)
 *  Safari (4+)
 *  Chrome (7+)
 *  Firefox (3+, 使用Flash)
 *  Opera (10+, 使用Flash)
 *  IE (6, 7, 8, 使用 Flash).

[![e5f65ac8-46a0-4995-a6aa-968befa5cec8.jpg][]][e5f65ac8-46a0-4995-a6aa-968befa5cec8.jpg 1]

以上就是我们推荐的５款超棒的[HTML5][] audio实用型类库，如果大家有更好的推荐，请给我们留言！

原文来自：[5款帮助简化的HTML5 Audio开发的Javascript类库][5_HTML5_Audio_Javascript]

[e5f65ac8-46a0-4995-a6aa-968befa5cec8.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/e5f65ac8-46a0-4995-a6aa-968befa5cec8.jpg
[e5f65ac8-46a0-4995-a6aa-968befa5cec8.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/e5f65ac8-46a0-4995-a6aa-968befa5cec8.jpg
[HTML5]: http://www.gbtags.com/gb/tag/1007.htm
[SoundManager_2]: http://schillmania.com/projects/soundmanager2/
[3841da35-4b6f-42b7-b99c-9579a2232da7.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/3841da35-4b6f-42b7-b99c-9579a2232da7.jpg
[3841da35-4b6f-42b7-b99c-9579a2232da7.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/3841da35-4b6f-42b7-b99c-9579a2232da7.jpg
[Sound.js]: http://www.createjs.com/#%21/SoundJS
[6b343cf2-5fd2-47be-aea2-209a4baea95e.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/6b343cf2-5fd2-47be-aea2-209a4baea95e.jpg
[6b343cf2-5fd2-47be-aea2-209a4baea95e.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/6b343cf2-5fd2-47be-aea2-209a4baea95e.jpg
[Howler.js]: http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library
[Link 1]: http://www.gbtags.com/gb/share/338.htm
[acf05790-9d7f-4c74-bfec-5148f78ec603.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/acf05790-9d7f-4c74-bfec-5148f78ec603.jpg
[acf05790-9d7f-4c74-bfec-5148f78ec603.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/acf05790-9d7f-4c74-bfec-5148f78ec603.jpg
[Audio5js]: http://zohararad.github.io/audio5js/
[8f722e31-89fd-4cd6-9462-7103091307fc.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/8f722e31-89fd-4cd6-9462-7103091307fc.jpg
[8f722e31-89fd-4cd6-9462-7103091307fc.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/8f722e31-89fd-4cd6-9462-7103091307fc.jpg
[Audio.js]: http://kolber.github.io/audiojs/
[5_HTML5_Audio_Javascript]: http://www.gbtags.com/gb/share/3979.htm