awesome-webaudio - A curated list of awesome WebAudio packages and resources.

•    

---

A curated list of awesome WebAudio packages and demos. Inspired by the awesome list thing.

webaudio awesome list awesome-list audio midi

howler.js - Javascript audio library for the modern web

•    Javascript

---

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.

audio webaudio web-audio html5-audio audio-library music playback

howler.js - Javascript audio library for the modern web.

•    Javascript

---

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. Additional information, live demos and a user showcase are available at howlerjs.com.

audio html5-audio playback volume web-audio audio-library howler howler.js sound webaudio browser html5 audio-sprite audiosprite

songbird - Spatial Audio Encoding on the Web

•    Javascript

---

Spatial Audio Encoder in Web Audio API

spatial audio-processing webaudio ambisonics spatial-audio ambisonic vr-audio 360-audio web-audio-api interactive-audio

omnitone - Spatial Audio Rendering on the web.

•    Javascript

---

Omnitone is a robust implementation of ambisonic decoding and binaural rendering written in Web Audio API. Its rendering process is powered by the fast native features from Web Audio API (GainNode and Convolver), ensuring the optimum performance. The implementation of Omnitone is based on the Google spatial media specification and SADIE's binaural filters. It also powers Resonance Audio SDK for web.

ambisonics webaudio spatial-audio hrtf ambisonic vr-audio 360-audio web-audio-api

SoundJS - A Javascript library for working with Audio

•    Javascript

---

SoundJS is a library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers, including using a target plugin model to provide an easy way to provide additional audio plugins like a Flash fallback (included, but must be used separately from the combined/minified version).A mechanism has been provided for easily tying in audio preloading to PreloadJS.

createjs soundjs gskinner audio webaudio html5 flash sound audio-player

waveform-playlist - Multitrack Web Audio editor and player with canvas waveform preview

•    Javascript

---

Inspired by Audacity, this project is a multiple track playlist editor written in ES2015 using the Web Audio API. Load tracks and set cues (track cue in, cue out), fades (track fade in, fade out) and track start/end times within the playlist. I've written up some demos on github for the different audio fade types in the project.

playlist waveform audio audio-visualizer audio-player annotations audiorecorder webaudio music mediarecorder harmony playback daw audacity stem tracks multitrack editor record recording player

peaks.js - JavaScript UI component for interacting with audio waveforms

•    Javascript

---

A browser based audio waveform visualisation frontend component from BBC R&D.Peaks.js is a modular client-side JavaScript component designed for the display of and interaction with audio waveforms in the browser.

audio visualisation bbc webaudio browser interactive waveform

videojs-record - video.js plugin for recording audio/video/image files.

•    Javascript

---

Video.js plugin for recording audio/video/image files. Use npm (npm install videojs-record) to install the plugin or download the library and dependencies elsewhere. If you want to try the examples, check these instructions below.

wavesurfer record-audio record-video webcam webaudio recordrtc video audio image videojs-plugin video-js waveform videojs player record stream microphone recorder libvorbis.js vorbis ogg mp3 opus

Flocking - Flocking - Creative audio synthesis for the Web

•    Javascript

---

Flocking is a JavaScript audio synthesis framework designed for artists and musicians who are building creative and experimental Web-based sound projects. It supports Firefox, Chrome, Safari, and Node.js on Mac OS X, Windows, Linux, iOS, and Android. Unlike comparable tools, Flocking is declarative. Its goal is to promote a uniquely community-minded approach to instrument design and composition. In Flocking, unit generators and synths are specified as JSON, making it easy to save, share, and manipulate your synthesis algorithms. Send your synths via Ajax, save them for later using HTML5 local data storage, or algorithmically produce new instruments on the fly.

flocking webaudio sound audio music synthesis

io-808 - An attempt at a fully recreated web-based TR-808 drum machine.

•    Javascript

---

An attempt at a fully recreated web-based TR-808 drum machine using React, Redux, and the Web Audio API. All of the sound generated by this drum machine are synthesized using the Web Audio API (look mom, no samples!). A side effect of this is while I got the sounds fairly close to the original hardware, there's still a lot of room for improvement (yes I'm looking at you Cymbal and Rimshot).

web-audio sound react redux webaudio

Audio-Input-Effects - Live input Web Audio effects

•    Javascript

---

I whipped this app up to test live audio input, letting the user select a few common tunable effects and see (and hear) the effects. It's also a good demo of how to build chorus and flanging effects in WebAudio. Check it out here, feel free to fork, submit pull requests, etc.

waveform-data

•    Javascript

---

waveform-data.js is a JavaScript library for creating zoomable, browsable and segmentable representations of audio waveforms.We use these projects daily in applications such as BBC Radio Archive and browser editing and sharing tools for BBC content editors.

audio webaudio waveform visualisation

webamp - A reimplementation of Winamp 2.9 in HTML5 and Javascript

•    Javascript

---

A reimplementation of Winamp 2.9 in HTML5 and JavaScript. As seen on TechCrunch, Motherboard, Gizmodo, Hacker News (1, 2, 3), and elsewhere.

html5 webaudio-api winamp skin bmp port reimplementation audio web-audio-api

WebAudio - Web Audio API Playground

•    Javascript

---

This is the source code for the Web Audio Playground application. To install the application locally, download a copy of the Python App Engine SDK for your operating system, install it, point it at a check-out of this repo and view the application on a local port using the latest version of Google Chrome.

jsmpeg - MPEG1 Video Decoder in JavaScript

•    Javascript

---

JSMpeg is a Video Player written in JavaScript. It consists of an MPEG-TS demuxer, MPEG1 video & MP2 audio decoders, WebGL & Canvas2D renderers and WebAudio sound output. JSMpeg can load static videos via Ajax and allows low latency streaming (~50ms) via WebSockets. JSMpeg can decode 720p Video at 30fps on an iPhone 5S, works in any modern browser (Chrome, Firefox, Safari, Edge) and comes in at just 20kb gzipped.

viktor - Synthesizer built on the WebAudio API.

•    Javascript

---

Synthesizer built on the Web Audio API. This will rebuild the site in dev mode (scripts are not minified etc.), will start a node Express server and will start listening for changes on the FS, in case of which it will rebuild the site for you. You can access the site on localhost:5000.

quiet-js - Transmit data with sound using Web Audio -- Javascript binding for libquiet

•    Javascript

---

This is a javascript binding for libquiet, a library for sending and receiving data via sound card. It can function either via speaker or cable (e.g., 3.5mm). Quiet comes included with a few transmissions profiles which configure quiet's transmitter and receiver. For speaker transmission, there is a profile which transmits around the 19kHz range, which is essentially imperceptible to people (nearly ultrasonic). For transmission via cable, quiet.js has profiles which offer speeds of at least 40 kbps. Try it out in this live example.

ultrasonic modem data-transfer webaudio emscripten

Vocoder - Naive WebAudio Vocoder

•    Javascript

---

This application (also shown at I/O 2012) implements a 28-band (actually variable number of bands) vocoder - a "robotic voice" processor. It's a pretty complex audio processing demo. It also supports live input, and has several controls exposed; it supports MIDI control over the pitch and other parameters. Check it out, feel free to submit issues or requests, fork, submit pull requests, etc.

wavesurfer.js - Navigable waveform using WebAudio and Canvas

•    Javascript

---

Navigable waveform using WebAudio and Canvas