Web和Web瀏覽器在過去幾年取得了快速的進步，這些進步與新技術通常被認識是HTML5達到的驚人的成果。然而，在這些新技術中，音頻任然是不足的。盡管谷歌開了WEB音頻API，使我們上網得到方便，但是只有一些最新的瀏覽器才支持這種新開發(fā)的WEB的音頻。

HTML5提供了一種新的音頻標簽實現和規(guī)范用一個簡單的HTML對象而無需音頻插件來控制音頻。這只是一個簡單的整合這些新的HTML5音頻特征及使用JavaScript來創(chuàng)建各種播放控制。

下面將介紹10款JavaScript音頻庫，用這些類庫，我們可以控制音頻和視頻元素的各種方法、屬性和事件。

1. Howler.js

Howler.js一款基于web audio API的javascript類庫，如果瀏覽器不支持的話，會自動fallback到HTML audio。為了保證跨瀏覽器的兼容性，它允許接收多種文件格式。該庫能同時緩存和播放多個聲音，還有循環(huán)播放功能，淡入淡出效果和標準的多媒體控制功能。Howler.js是輕量級的（5kb），且不需要任何JS框架。

2. Annyang.js

Annyang是一個微小的javascript庫,它可以輕松實現讓訪客用語音命令控制你的網站。Annyang沒有依賴性,重量不到1 kb,并且可以免費使用和修改。它具有很好的瀏覽器兼容性。

3. Voix.js

voix.js是一個簡單、輕量級的級JavaScript庫，可以實現在網站、游戲及APP中添加語音命令。它可以通過麥克風啟動或停止，并且可以實現當檢測到給定關鍵字時觸發(fā)相關事件。

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還支持下拉播放列表，同時還支持鍵盤上的方向鍵與空格鍵來控制音樂的播放與暫停。

5. Buzz

Buzz是一款小而強大的JavaScript音頻庫，且允許你輕松的利用新的HTML5音頻元素。

6. SoundManager 2

SoundManager 2 是一個庫封裝和擴展了Flash聲音功能的，可以跨平臺的Javascript音頻類。SoundManager 2是為了實現一個javascript驅動的優(yōu)秀互動網絡項目的愿望而開發(fā)，它可以免費用于個人和商業(yè)項目。同時，soundmanager 2給我們提供了功能強大的API。

7. Sound.js

SoundJS是一個簡化網絡音頻處理的JavaScript庫。它為不同的瀏覽器中播放音頻提供了一個統(tǒng)一的API，包括使用插件模式來提供一種簡單的方法控制音頻插件。另外，SoundJS還具有音頻預加載機制。

8. Audiolet

audiolet是一個在瀏覽器中實時的音頻合成和組成的JavaScript庫。它使用基于圖形的路由和基于模式的調度，使復雜的音頻編程簡單，易于理解。

9. ION.Sound

Ion.Sound是一個播放聲音的jQuery插件，它已經在Google Chrome, Mozilla Firefox, Opera, Safari, IE(9.0+) 及 移動瀏覽器上測試通過，在MIT許可條件下可以免費試用。

10. Audio5js

Audio5js提供了一個與HTML5音頻播放無縫兼容的API,它支持多種解碼器，并且能夠使用flash向前兼容老版本的瀏覽器。創(chuàng)建audio5js的目的就是為提供一個輕量級的，純JavaScript的，能夠在瀏覽器中播放音頻的接口。

轉載來自于//www.uncletoo.com/html/jsjquery/735.html