How To Be a Web AV Artist
summary
Starts from concrete claims and demos: grabs audio via the Web Audio API, analyzes frequency bins, then runs a custom “spread” algorithm (took about six months) to remap linear FFT bins into musically useful bands. Builds visuals with DOM + CSS custom properties, SVG/D3, then moves to 2D canvas and WebGL for performance, uses web workers to offload work. Hooks a Launchpad via the Web MIDI API to control mixes live. Early experiments are janky, canvas and GPU versions work much better, portable VJ setup runs live (held together with duct tape).
AI-written summary · about
chapters (23)
- 0:00Start
- 1:25HOW TO BE A WEB AV ARTIST
- 1:57HELPFUL VENN DIAGRAM
- 2:17AVOID
- 4:25VISUALISATIONS
- 5:03AUDIO
- 6:51ANALYSING SOUND
- 7:28ARRAY FREQUENCY AMPLITUDES
- 8:11HTML & CSS
- 8:32BRIDGET RILEY
- 10:32LOVELY CSS THANGS
- 11:21CUSTOM PROPERTIES
- 12:49PERFORMANCE
- 14:14SUPER GRAHIC
- 15:41ANALYSIS
- 16:15KEYBOARD FREQUENCIES
- 16:39NOTE GAPS
- 17:49SLICE ARRAY
- 20:09WEB MIDI API
- 21:30MIDI INSTRUMENT
- 24:38END OF THE STORY?
- 25:43DUCT TAPE
- 25:55BIKE SHEDDING
