10款優秀的JavaScript音訊開發庫
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的,能夠在瀏覽器中播放音訊的介面。
相關文章
- [譯] 優秀 JavaScript 開發人員應掌握的 9 個技巧JavaScript
- 優秀開源庫SDWebImage原始碼淺析Web原始碼
- Windows 平臺上有許多開源的音訊開發庫,涵蓋了從簡單的音訊播放到複雜的音訊處理和生成。以下是一些常見且功能強大的開源音訊開發庫:Windows音訊
- 騰訊音樂招 iOS 開發, base 深圳,要求:本科、三年、OC,懂音視訊開發優先。iOS
- 【翻譯】WWDC 2019 :優秀的開發習慣
- openwrt 音訊開發音訊
- HarmonyOS音訊開發指導:使用AudioRenderer開發音訊播放功能音訊
- 優秀第三方庫-視訊播放器播放器
- 那些年,優秀的配置檔案庫
- 10步成為一個優秀的Java開發!Java
- Android優秀文章和開源庫推薦(讀值得讀的)Android
- HarmonyOS音訊開發指導:使用OpenSL ES開發音訊播放功能音訊
- 淺談如何做一名優秀遊戲音訊製作遊戲音訊
- Hanlp等七種優秀的開源中文分詞庫推薦HanLP中文分詞
- JockeyJS——優秀的WebView與JS互動開源庫使用和解析JSWebView
- 優秀的Java開發人員必備的6個技能!Java
- 快速開發android,離不開這10個優秀的開源專案Android
- 【秒懂音視訊開發】08_音訊錄製音訊
- Android 音視訊開發 視訊編碼,音訊編碼格式Android音訊
- 掌握11項技能,你就是優秀的前端開發工程師前端工程師
- 為 Web 開發者提供的 16 本優秀的 E-BOOKWeb
- 優秀的機器學習開發者都是這樣做的!機器學習
- 優秀的第三方庫收集-UITableViewUIView
- 【秒懂音視訊開發】13_音訊重取樣音訊
- 優秀Android開發的職業成長路徑是怎樣的?Android
- 優秀的測試開發應該具備的六大能力
- 優秀前端開發工程師必須掌握的七大技能前端工程師
- 對於開發者來說,有哪些非常優秀的平臺?
- 優秀後端都應該具備的開發好習慣後端
- 2021年Web開發必須知道的7大優秀趨勢Web
- 使用Javascript 開發個JSON解析庫JavaScriptJSON
- 優秀PHP優秀框架Laravel和Yii的詳解PHP框架Laravel
- GitHub 上優秀的 Go 開源專案GithubGo
- GitHub上優秀的Go開源專案GithubGo
- 音視訊開發指南:圖片的繪製
- 優秀的數字音訊編輯器:Acoustica 7 for mac音訊Mac
- 優秀開發者必備技能包:Python偵錯程式Python
- Android 音視訊開發 - 使用AudioTrack播放音訊Android音訊
- JavaScript相關知識點優秀部落格收錄JavaScript