Beats in the Browser - Coding Music with JavaScript
summary
Shows how to synthesize sound with the Web Audio API (oscillators, gain nodes, waveforms) and map MIDI messages (command, note, velocity 0–127 → 0–1) from an Akai MPK mini to create notes, velocity-controlled amplitude and 50 ms fades to avoid clicks. Demonstrates sample playback (WAV) and a browser 16-step sequencer driven by checkboxes, plus recording via Tone.Recorder and much shorter code using Tone.js. Web Bluetooth demo fails on stage due to a missing device; most browser demos otherwise run live.
AI-written summary · about
chapters (9)
- 0:00Intro
- 0:43About Roland
- 4:40About Rowdy
- 8:58Demonstration
- 12:42Coding
- 16:56Synthesizing
- 18:21Drums
- 22:27Tone JS
- 27:10Demo
related talks
44mBeats in the Browser - Coding Music with JavaScript
40mBeats in the Browser: Coding Music withJavaScript
26mBeats in the Browser - Coding Music with JavaScript
31mBeats in the Browser - Coding Music with JavaScript
32mBeats in the Browser
40mLiveJS: Making Music with JavaScript
52mLive Musical Coding: You Code? Become a Composer with WebAudio and WebMIDI!
46mLive Coding Music: Can You Code? Become a Composer with WebAudio and WebMIDI!