MUMT 307
Introduction
Created by Ichiro Fujinaga
MUMT 307
Overview
MUMT 307
Audio tag: <audio>
- Audio tag code
- External library
- No precise timing control
- Limited number of sounds played at once
- No way to reliably pre-buffer a sound
- No ability to apply realtime effects
- No way to analyze sounds
MUMT 307
Soundcloud embed
MUMT 307
Audio Data API
- Designed and prototyped in Mozilla Firefox (December 2009)
- Deprecated in spring 2012: Blog
MUMT 307
Web Audio API
- First Public Draft published by W3C in 2011/12/15
- The most recent draft
- Works fairly well in Chrome, Firefox, Safari, etc. (see Wikipedia: HTML5 Audio
- Examples and resources
MUMT 307
Web Audio API: Audio Context
source: W3
- A direct graph (one per window)
- Source (e.g., audio file)
- Destination (e.g., speakers)
MUMT 307
Web Audio API: Audio Context
source: W3
- A direct graph (one per window)
- Source (e.g., audio file)
- Destination (e.g., speakers)
MUMT 307
Web Audio API: Audio Context
A more complex example
source: W3
MUMT 307
Web Audio API: Audio Context code
var context = new AudioContext();
var oscillator = context.createOscillator(); // Create sound source
oscillator.connect(context.destination); // Connect sound to speakers
oscillator.start(0); // Generate sound