Web Audio/MIDI Samples
A collection of resources and examples for Web Audio/MIDI API. Curated by Chrome Web Audio Team.
Resources
A collection of examples and resources for AudioWorklet.
An extension for Chrome DevTools that helps you visualize the graph and inspect the status of the Web Audio objects.
The official W3C Recommendation of the Web Audio API.
The latest editor's draft of the Web Audio API specification.
Documentation and examples on the Mozilla Developer Network.
A live-coding environment and a visual debugger for the Web Audio API.
Demos
A collection of Web Audio demos by Chris Wilson, a former co-chair of the W3C Audio Working Group.
A drum sequencer with a variety of drum kits and effects.
A dual-deck DJ app that plays beat-synced loops.
A simple Progressive Web App that records and saves audio clips.
A special tutorial for Mother Language Day, featuring a drum sampler with Korean drum samples.
A stress test for the Web Audio API, featuring a large number of bouncing balls.
A wavetable synthesizer with a step sequencer.
Demonstrates how to visualize spectrum and waveform data from an AnalyserNode with the Canvas API.
A demo of spatial and binaural acoustic simulation with PannerNode and ConvolverNode.
A 3D pool game with spatial audio, built with WebGL and the Web Audio API.
Google Projects
A 360° audio renderer for AR/VR web applications, developed by Google.
A 3D audio SDK for the web, powered by Omnitone.
A collection of experiments that let you learn about music and sound with web technology.
A Google Doodle celebrating the 105th birthday of Clara Rockmore, a virtuoso of the theremin.
A Google Doodle celebrating the 78th birthday of Robert Moog, the inventor of the Moog synthesizer.