Web Audio/MIDI Samples

A collection of resources and examples for Web Audio/MIDI API. Curated by Chrome Web Audio Team.

Resources

Audio Worklet

Audio Worklet examples and resources

Web Audio DevTools Extension

Graph visualizer and inspector in Chrome DevTools

Web Audio API on MDN

Documentations and examples on MDN

Canopy

Web Audio code editor and visual debugger

Rainfly

AudioWorklet DSP Playground and Visualizer

Demos

Web Audio Demos

A demo collection by Chris Wilson

Shiny Drum Machine

Drum sequencer with a variety of drum kits and effects

Web Audio DJ

Dual deck DJ app playing beatsynced loops

Audio Recorder

A simple PWA that records audio clips

Web Audio API Drum Sampler (Korean)

A special tutorial for Mother Language Day

Box2D Stress Test

For smoke testing

Wavetable Synthesizer

Wavetable synthesis and sequencer

AnalyserNode with visualization

Spectrum and waveform visualization with the Canvas API

Panning and Reverberation

Spatial and binaural acoustic simulation

WebGL Pool with 3D audio

Play pool in your browser

Web Audio Test Suite

Various Web Audio tests

Selected Projects

Omnitone

360° audio renderer for AR/VR web apps

Resonance Audio for Web

3D Audio SDK powered by Omnitone

Chrome Music Lab

Learning music through web technology

Google Doodle: Hiphop

44th Anniversary of the Birth of Hip Hop

Google Doodle: Clara Rockmore

Clara Rockmore's 105th Birthday