WebAudio

Previously on Browser Audio

  • 1997 <embed>, Flash, & Other Extensions
  • 2011 <audio> tag
  • 2014 WebAudio API

WebAudio ≅ <canvas> for Audio

<audio> ≅ <img>

  • Load from remote sources
  • Position
  • Overlay
  • Synthesize with base64 data: urls if you're patient

Features

  • Audio Stream Read/Write
  • Timing Control
  • Microphone Access
  • Component Library

Compatability

  • Firefox 4.0b5 (Aug 2010)
  • Chrome 29 (Aug 2013)
  • Android Lollipop (Nov 2014)
  • Safari & iOS 6 (Jul 2012) (prefixed with webkit-)
  • IE - TBD
  • Edge - May 2015

Oscillators


Volume Control


Note Envelope


Tremolo (Amplitude Modulation)


Frequency Tremolo (Frequency Modulation)


Playback from file


Playback with timing


User interaction based timing


more information

Capture microphone


Playback Rate


Delay & Fade Pitch Shift

PitchShiftLine

PositiveOscillatorNode

Combined

Gain A

Delay A

Gain B

Delay B


Frequency Filter


Doppler Effect


Convolution

Simple Reverb


Impulse Response Assets


Autocorrelation


Fourier Transform

Spectrogram