20個有用的網路音訊Javascript庫

阿新 • • 發佈：2022-05-23

翻譯自：https://bashooka.com/coding/web-audio-javascript-libraries/

Web Audio API使你能在網頁中用javascript建立令人驚訝的複雜的音訊應用。因此，這裡有一些有用的Javascript庫，它們會使使用Web Audio API的工作變得更容易。

Tone.js

Tone.js是一個在瀏覽器中建立互動音樂的框架。它提供了先進的排程能力、合成器和效果，以及建立在Web Audio API之上的直觀的音樂抽象概念。Tone.js對Web Audio API進行了抽象，使其更容易使用，為我們提供了可以連線在一起的構建塊，然後將音訊傳送到輸出端。

https://tonejs.github.io/

Howler.js

howler.js是一個用於現代Web音訊庫。它預設使用Web Audio API，並用HTML5 Audio 做保底。這使得JavaScript中的音訊工作在所有平臺上都很容易和可靠。
https://github.com/goldfire/howler.js

Rythm.js

一個能讓你的頁面跳舞的javascript庫。

MIDI.js

使得在網路上建立一個MIDI-app變得容易。包括一個庫，可將協同效應編入你的應用程式，用於記憶識別或創造迷幻效果。將吉他、貝斯、鼓等的聲音字型轉換為可由瀏覽器讀取的程式碼。支援多種樂器同時演奏和完美計時。

https://github.com/mudcube/MIDI.js

Tuna

一個用於Web Audio API的音訊效果庫。
https://github.com/Theodeus/tuna

Bapjs

Bap是一個用Javascript和Web Audio製作節拍和合成序列的工具包，可在現代瀏覽器中播放。它的靈感來自於經典的 "MPC工作流程"，並使節拍製作的所有方面完全模組化和可重複使用。
https://github.com/adamrenklint/bap

Pizzicato

Pizzicato旨在簡化你通過Web Audio API建立和操作聲音的方式。
https://github.com/alemangui/pizzicato

Musical.js

一個支援ABC符號的WebAudio合成器排序的小庫。除了HTML5 WebAudio API之外，這段程式碼沒有任何依賴性，而且它被壓縮到了17K左右。
https://github.com/PencilCode/musical.js

Wavesurfer.js

建立在Web Audio 和Canvas上的可導航波形。

Wad

Wad是一個使用新的HTML5網路音訊API操作音訊的Javascript庫。它極大地簡化了建立、播放和操作音訊的過程，既可以實時播放，也可以按計劃間隔播放。Wad提供了一個簡單的介面來使用桌面DAW（數字音訊工作站）中的許多功能，但不要求使用者擔心傳送XHR請求或設定複雜的音訊圖。
https://github.com/rserota/wad

Blip

blip是一個輕量級的JavaScript庫，它包裝了網路音訊API，抽象了AudioContext，並簡化了節點建立和音訊路由。它還提供了一些極其強大和靈活的方法，用於迴圈和處理樣本，允許時間上的精確性和音樂上的表現力。
https://github.com/jshanley/blip

Waud

Waud是一個簡單而強大的網路音訊庫，允許你超越HTML5的音訊標籤，輕鬆利用網路音訊API。它對網路音訊API進行了抽象，使其在多個平臺和瀏覽器上保持一致和可靠。在不支援Web Audio API的非現代瀏覽器上，它還可以退回到HTML5音訊。

Theresa’s Sound World

Theresa的聲音世界是在瀏覽器中以快速和友好的方式操作音訊的強大方式。它建立在網路音訊API的基礎上，使用一個模組化的路由系統，允許你製作複雜的音訊應用程式和樂器。

Peaks.js

Peaks.js是一個模組化的客戶端JavaScript元件，設計用於在瀏覽器中顯示音訊波形並與其互動。

Lissajous

Lissajous是一個使用Javascript進行實時音訊表演的工具。它將建立振盪器和取樣器的簡潔工具包裝成一個可連鎖的API，使表演者可以用最少的程式碼建立和即興創作歌曲。

Beet.js

用於網路音訊API的多韻律音序器庫。序列器可以有多個層次，每個層次有不同的步數。這個功能允許使用者使用一個簡單的api建立複雜的多聲部節奏和歐式節奏。

XSound

用於合成器、效果器、視覺化、錄音的網路音訊API庫...等。

CircularAudioWave

使用網路音訊API和ECharts進行圓形波的音訊視覺化的JS庫。

Web Audio Engine

網路音訊API的純JS實現。它為每個用例提供一些AudioContext類：音訊播放、渲染和模擬。

Band.js

網路音訊API的一個介面，支援節奏、多種樂器、重複部分和複雜的時間符號。