Steve Kinney - SeattleJS Conference 2017
summary
A practical walkthrough of using the Web Audio API to build playable instruments: create an AudioContext, wire an oscillator + gain node chain, and handle Safari’s start(0) quirk. Demos include a keyboard that spawns one oscillator per key (lazy creation, start/stop by gain), a face-tracking getUserMedia theremin that maps X/Y to frequency and volume, a WebSocket step sequencer for real-time jam sessions, and Johnny-Five Arduino buttons turning hardware presses into chords — all working and on GitHub.
AI-written summary · about
chapters (9)
- 0:00Introduction and setup
- 1:08Web Audio API basics
- 5:01Creating sound with oscillators
- 12:47Making music in the browser
- 16:43Building a virtual piano
- 20:17Theremin with face tracking
- 24:49Collaborative music with WebSockets
- 26:50Hardware instruments with Arduino
- 29:06Closing and resources
related talks
30mBuilding a musical instrument with the Web Audio API
44mBeats in the Browser - Coding Music with JavaScript
40mBeats in the Browser - Coding Music with JavaScript
28mChannel your inner rockstar with the web audio API
37mHow to code music?
25mJavaScript, JavaScript…. Rocks You!
24mJavaScript is the new Punk Rock
33mCode, Play & Rock 'n' Roll: A WebAudio Experiment