Tag: web audio

Listen to Wikipedia

The sound of Wikipedia’s recent-changes feed.

Built using D3 and HowlerJS.

By Stephen LaPorte and Mahmoud Hashemi

This Exquisite Music Engine

Mood based generative music

By DinahMoe


Do not touch

Crowd sourced music video. (NSFW)

Prompts for and records user mouse pointer position. Then aggregates sensor data into future playbacks.

By Light Light https://www.facebook.com/lightlight


A soft murmur

Web based ambient sound generator.

By Gabriel Martin


Porting Web Audio from Webkit

Chrome no longer supports backwards compatibility for Webkit Web Audio API functions.


Audio input with WebPd

An adc~ object for Sébastien Piquemal’s WebPd.


Try the demo (pictured above) in desktop Chrome at: http://zerokidz.com/demos/sound-check-adc/sound-check.html. The browser will ask for access to the microphone. The slider controls mic volume.

Notes on adc~ object:

**adc~** (web audio input) – Only works on Chrome desktop – partially complete. Uses 1 channel currently and no inlets on the object. This was kind of a hack. The input stream connects to a scriptNode that copies samples to a circular buffer. The scriptNode connects to a gainNode with gain value of zero, which connects to context.destination. This was the only way I could get WebAudio to pull the stream through the scriptNode.

Latency is about 3000 samples in addition to existing latency. If we find a more efficent way to buffer the samples than the hack described above…

Notes on local files 8/26/2014

After modifying any of the .js files in /lib folder, you need to re-run the ‘grunt build’ from the root folder. Then copy webpd-latest.js from /dist to the /js folder in /demos or wherever your application resides.

gibberface web audio

interface.js user interface plus gibberish.js audio engine.

By Charlie Roberts


Audio example of XY controller to contol pitch and pulsewidth of oscillators (pictured above).

Local clone: tkzic/gibberface – WIth a local web server running in tkzic. Here is a typical URL for testing:

5 Web Audio Libraries

By Louis Lazaris at Sitepoint


  1. webaudioox.js : experimental
  2. howler.js : audio playback and sprites
  3. pedalboard.js : guitar pedal simulation
  4. wad : build synthesizers
  5. fifer : audio playback

Testing JSFiddle web audio

A web audio example by Gaëtan Renaudeau, in jsfiddle. Click ‘result’ to play.


WordPress web audio test

Javascript code for a sine wave oscillator using the web audio API – embedded in this post.

This also works in mobile Safari in iOS 7. If the “stop” button doesn’t work, try reloading the page in the browser.”

Warning: The WordPress visual editor will break this code.