How To Be A Web A/V Artist
summary
Uses the Web Audio API analyzer node to get frequency bins then remaps them to musical octaves (not linear bins) so visuals reflect real notes, pushes numbers into CSS via custom properties for performant styling, swaps DOM render for SVG with D3.js to fix jank, and accepts hardware control over Web MIDI API (also mentions Gamepad API). A pocket VJ kit with a projector and MIDI controller runs entirely in the browser and works live at shows; code and writeup are online.
AI-written summary · about
chapters (9)
- 0:00Start
- 4:15VISUALISATIONS
- 6:30ANALYSING SOUND
- 6:43ARRAY FREQUENCY VELOCITIES
- 8:06BRIDGET RILEY
- 11:11CUSTOM PROPERTIES
- 17:34MAGIC FUNCTION
- 20:43WEB MIDI APIC
- 24:19WORKAROUND C
