20 Useful Web Audio Javascript Libraries

WebAudio API enables you to build surprisingly sophisticated audio application right inside the web page, in javascript. So here are some of useful Javascript libraries that will make working with the Web Audio API much easier.

Tone.js

Tone.js

Tone.js is a framework for creating interactive music in the browser. It provides advanced scheduling capabilities, synths and effects, and intuitive musical abstractions built on top of the Web Audio API. Tone.js abstracts the Web Audio API to make it easier to use by providing us with building blocks that we can wire together and then send that audio to an output.

Tone.js

Howler.js

howler.js

howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms.

Howler.js

Rythm.js

Rythm.js

A javascript library that makes your page dance.

Rythm.js

MIDI.js

MIDI.js

Making life easy to create a MIDI-app on the web. Includes a library to program synesthesia into your app for memory recognition or for creating trippy effects. Convert soundfonts for Guitar, Bass, Drums, ect. into code that can be read by the browser. Supports multiple simultaneous instruments and perfect timing.

MIDI.js

Tuna

Tuna

An audio effects library for the Web Audio API.

Tuna

Bapjs

Bapjs

Bap is a toolkit for making beats and composing sequences with Javascript and Web Audio for playback in modern browsers. It is inspired by the classic “MPC workflow” and built to make all aspects of beatmaking completely modular and reusable.

Bapjs

Pizzicato

Pizzicato

Pizzicato aims to simplify the way you create and manipulate sounds via the Web Audio API.

Pizzicato

Musical.js

musical.js

A tiny library with a sequencing WebAudio synthesizer that supports ABC notation. This code has no dependencies other than the HTML5 WebAudio API, and it minifies down to about 17K.

Musical.js

Wavesurfer.js

wavesurfer.js

Navigable waveform built on Web Audio and Canvas.

Wavesurfer

Wad

Wad

Wad is a Javascript library for manipulating audio using the new HTML5 Web Audio API. It greatly simplifies the process of creating, playing, and manipulating audio, either for real-time playback, or at scheduled intervals. Wad provides a simple interface to use many features one would find in a desktop DAW (digital audio workstation), but doesn’t require the user to worry about sending XHR requests or setting up complex audio graphs.

Wad

Blip

Blip

blip is a lightweight JavaScript library that wraps the Web Audio API, abstracting away the AudioContext, and simplifying node creation and audio routing. It also provides some extremely powerful and flexible methods for looping and manipulating samples that allow for both temporal precision and musical expressiveness.

Blip

Waud

Waud

Waud is a simple and powerful web audio library that allows you to go beyond HTML5’s audio tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple platforms and browsers. It also falls back to HTML5 Audio on non-modern browsers where Web Audio API is not supported.

Waud

Theresa’s Sound World

Theresa's Sound World

Theresa’s Sound World is powerful way of manipulating audio in the browser in a quick and friendly manner. Built on top of the Web Audio API, it uses a modular routing system allowing you to make sophisticated audio applications and instruments.

Theresa’s Sound World

Peaks.js

Peaks.js

Peaks.js is a modular client-side JavaScript component designed for the display of and interaction with audio waveforms in the browser.

Peaks.js

Lissajous

Lissajous

Lissajous is a tool for real time audio performance using Javascript. It wraps succinct tools for creating oscillators and samplers into a chainable API, allowing performers to build and improvise songs with a minimum of code.

Lissajous

Beet.js

Beet

Polyrhythmic Sequencer library for Web Audio API. The sequencer can have multiple layers where each layer has a different step count. This feature allows the user to create complex polyrhythms and euclidean rhythms using a simple api.

Beet.js

XSound

XSound

Web Audio API Library for Synthesizer, Effects, Visualization, Recording … etc.

XSound

CircularAudioWave

CircularAudioWave

JS library for audio visualization in circular wave using Web Audio API and ECharts.

CircularAudioWave

Web Audio Engine

Web Audio Engine

Pure JS implementation of the Web Audio API. It provides some AudioContext class for each use-case: audio playback, rendering and simulation.

Web Audio Engine

Band.js

Band.js

An interface for the Web Audio API that supports rhythms, multiple instruments, repeating sections, and complex time signatures.

Band.js

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.