Making HTML Make Music – Heydon Pickering
summary
Hyperlam is a set of tiny Web Components that turn HTML into a sequencer, sampler and effects rack using the Web Audio API: Hyperlam, a 2KB custom element claims parity with ~£200 of pedals and recreates units like a Mutron-style filter that costs ~£1,000 in hardware. Components include sequencer/blam events, analyzer-to-CSS, LFOs, envelopes (1.35KB) and a 1KB filter, support multitimbral, polyrhythmic sequencing and randomized sample selection, it's open source after ~4–5 years of work and demos run live with occasional hiccups but generally work.
AI-written summary · about
chapters (13)
- 0:00Signal chains and life parallels
- 3:56Hyperlam project
- 6:45Tremolo effect demo
- 10:18LFO inception and generative music
- 12:07Wow and flutter emulation
- 13:56Beat with pads and notes
- 17:28Polyphonic sequencing and overrides
- 20:39Swing in drum patterns
- 22:28Bass sequencing with slides
- 25:01Envelopes and filter effects
- 28:17Scratching techniques
- 31:27Distortion and punk philosophy
- 33:34Live performance finale
related talks
33mWe ❤ Music & the Web
16mAMBIENT HTML5: Music for tiny airports in 256 bytes
40mLiveJS: Making Music with JavaScript
33mCode, Play & Rock 'n' Roll: A WebAudio Experiment
29mAudio Tags: Web Components & Web Audio
44mBeats in the Browser - Coding Music with JavaScript
40mMidi Meets CSS
25mFour to the floor JavaScript