Web Audio/MIDI List

A list of Web Audio API demos and applications.

Contributing

To add a demo to this list, send a pull request, or contact post to the W3C Web Audio mailing list.

Web Audio Demos

Auralizr

Auralizr icon

Simple Room Auralization demo using microphone input and real-time convolution.

App » Code »

Beat Petite

A simple drum machine that uses oscillators and noise instead of samples

App »

Conway’s Melodies

A simple sonification of Conway’s Game of Life

App »

Dataflow

A visual audio graph editor using the Web Audio API

App » Code »

Note: uses both AudioContext and webkitAudioContext

Interactive Networked Web Audio Experiences

A multiplayer persistent circular pattern sequencer

App »

Mixbolt

A DJ app using the Web Audio API

App »

Pitch detector

A simple pitch detector / guitar tuner.

App » Code »

Qwerty Hancock

“Need an interactive vector keyboard for your web audio project?”

App » Code »

Radiophonics Workshop

BBC R&D's recreation of classic Radiophonic Workshop sounds.

App »

Code: Included in the demo

Songs of Diridum

Listen to a mellow jazz band in a 3D environment. Demo using WebGL and the Web Audio API.

App »

How it was built

Soundslice

Interactive sheet music and guitar tablature. Syncs audio with notation, allows for slowdown without changing pitch (using Web Audio API), offers "synthetic" audio option that generates audio from notation using samples (using Web Audio API).

App »

Full-page example

To The Beat

A somewhat non interactive demothingie by 5013

App » Code »

Vocoder

Classic vocoder effects and visualisations

App » Code »

Web Audio Playground

A graphical interface for experimenting with Web Audio.

App » Code »

Web Audio Composer

A Web Audio node editor that has patch-based user interface like Quartz composer.

App » Code »

ChucK Demos

Executable demonstrations of the ChucK music programming language.

App » Code »

WD-1 DJ trainer

DJ app with 22 soundbanks.

App »

First Pumper

Web Audio meets accelerometer.

App »

Works in iOS6+ (requires accelerometer support)

Infinite Jukebox

“With The Infinite Jukebox, you can create a never-ending and ever changing version of any song. The app works by sending your uploaded track over to The Echo Nest, where it is decomposed into individual beats. Each beat is then analyzed and matched to other similar sounding beats in the song. ”

App »

How it was built

Jam With Chrome

A multi-user music playing app.

App »

How it was built

pedals.io

Guitar pedals in the browser. Offers multi-user real time guitar jamming.

App » Code »

Confirmed as only using webkitAudioContext as of 2013-10-17.

Plink

A multiplayer music experience.

App » About»

Confirmed as only using webkitAudioContext as of 2013-10-17.

Dinahmoe contacted by OT 2013-10-17.

ToneCraft

Compose music by putting different colored blocks on a grid in a 3D environment.

App » About »

Confirmed as only using webkitAudioContext as of 2013-10-17.

Dinahmoe contacted by OT 2013-10-17.

Web MIDI Demos

Shiny Happy MIDI Drum Machine

Web Audio Drum Machine which can also play by MIDI Device.

App » Code »

Standard MIDI File Player

Standard MIDI File Player. Play with External MIDI device and Web Audio tone generator over Web MIDI Link

App » Code »