Beats in the Browser - Coding Music with JavaScript
summary
Demonstrates how to build a browser drum machine that actually works: uses the Web Audio API for accurate timing and oscillators, prefers small WAV samples and loads them with Tone.js (two-line player), maps MIDI notes from an LPD8/other controllers via the Web MIDI API to a 16-step sequencer, records output with Tone.js, and even reads a Polar Bluetooth heart-rate sensor over the Web Bluetooth API to set BPM. Shows live device hookup, real-time recording, and that the TR-909 can be emulated without expensive hardware.
AI-written summary · about
chapters (12)
- 0:00Roland TR-808 & TR-909 history
- 4:22Web Audio API basics
- 7:38Drum sound challenges
- 8:41Samples and wave files
- 10:28Tone.js for audio
- 11:54MIDI devices in browser
- 16:29MIDI device demo
- 17:35TR-909 sequencer
- 21:33Recording music
- 26:46Bluetooth BPM control
- 29:13Heart rate BPM demo
- 31:09Closing & resources
related talks
26mBeats in the Browser - Coding Music with JavaScript
40mBeats in the Browser: Coding Music withJavaScript
44mBeats in the Browser - Coding Music with JavaScript
40mBeats in the Browser - Coding Music with JavaScript
32mBeats in the Browser
24mDrum 'n' JS
46mMaking the Web Rock: The Web Audio API
30mJavaScript Patterns For Contemporary Dance Music