Web和Web瀏覽器在過去幾年取得了快速的進步,這些進步與新技術通常被認識是HTML5達到的驚人的成果。然而,在這些新技術中,音頻任然是不足的。儘管谷歌開了WEB音頻API,使我們上網得到方便,但是隻有一些最新的瀏覽器才支持這種新開發的WEB的音頻。
HTML5提供了一種新的音頻標籤實現和規範用一個簡單的HTML對象而無需音頻插件來控制音頻。這只是一個簡單的整合這些新的HTML5音頻特徵及使用JavaScript來創建各種播放控制。
通過下面的列舉的音頻庫,你可用JavaScript來處理音頻和視頻元素,控制這些元素的各種方法,屬性和事件。
1. Howler.js
Howler.js一款基於web audio API的javascript類庫,如果瀏覽器不支持的話,會自動fallback到HTML audio。爲了保證跨瀏覽器的兼容性,它允許接收多種文件格式。該庫能同時緩存和播放多個聲音(可以一個一個的靜音或者開啓),還有循環播放功能,淡入淡出效果和標準的多媒體控制功 能。Howler.js是輕量級的(5kb),且不需要任何JS框架。
2. Annyang.js
Annyang是一個微小的javascript庫,它可以輕鬆實現讓訪客用語音命令控制你的網站。Annyang沒有依賴性,重量不到1 kb,並且可以免費使用和修改。它具有很好的瀏覽器兼容性。使用MIT協議發佈。
3. Voix.js
voix.js是一個簡單、輕量級的級JavaScript庫,可以實現在網站、遊戲及APP中添加語音命令。它可以通過麥克風啓動或停止,並且可以實現當檢測到給定關鍵字時觸發相關事件。
4. Audio.js
Audio.js是一款小巧的音JavaScript音頻庫,它可以在任何地方使用最新的HTML5中的audio標籤來調用音樂文件並輸出,它使用那些合適和無形的flash播放器去爲其他瀏覽器模仿原生音頻元素。並提供一致的html播放UI,且可以使用標準css來控制UI的樣式。Audio.js注重MP3的播放。目前不支持ogg格式。目前ogg格式在各大瀏覽器上的支持比較少。經過測試的瀏覽器有:Mobile Safari (iOS 3+),Android (2.2+, w/Flash),Safari (4+),Chrome (7+),Firefox (3+, w/ Flash),Opera (10+, w/ Flash),IE (6, 7, 8, w/ Flash)。
5. Buzz
Buzz是一款小而強大的JavaScript音頻庫,且允許你輕鬆的利用新的HTML5音頻元素。它是由Jay Salvat編寫,並按照MIT協議發佈。
SoundManager 2嘗試提供JavaScript中沒有的音頻API。它是一個實現和擴展了Flash的音頻特性,具有跨平臺音頻功能的JavaScript庫。SoundManager 2 被設計爲彌合web交互的JavaScript項目。它可以免費用於個人和商業項目。SoundManager 2提供一個單一,強大的API,不管是在老的或者新的瀏覽器中,HTML5和flash應用中。SoundManager 2是一個理想的JavaScript項目。
7. Sound.js
SoundJS是一個簡化網絡音頻處理的JavaScript庫。它爲不同的瀏覽器中播放音頻提供了一個統一的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向前兼容老版本的瀏覽器。創建audio5js的目的就是爲提供一個輕量級的,純JavaScript的,能夠在瀏覽器中播放音頻的接口。