LiveJS: Making Music with JavaScript
summary
Browser-based app generates music, visuals and lighting using WebAudio and WebMIDI, running in Electron or any modern browser; MIDI controllers send note/control numbers that trigger oscillators, filters and loops in real time. Audio analysis uses the analyzer node to extract frequency amplitudes and pipe values into CSS custom properties or canvas for visuals. A CSS-to-hardware pipeline maps computed styles to DMX values (project-level tool called DMX pan), and the demos mostly run live with occasional last-minute hiccups.
AI-written summary · about
chapters (5)
- 0:00Start
- 18:02CREATE VISUALS ANALYSE SOUND
- 20:18NEW CSS FEATURES CUSTOM PROPERTIES
- 24:33MIDI INSTRUMENT
- 31:25the final solution
related talks
33m{ Live : JS }
44mBeats in the Browser - Coding Music with JavaScript
33mWe ❤ Music & the Web
31mI Play the JavaScript
25mHow To Be A Web A/V Artist
40mBeats in the Browser: Coding Music withJavaScript
14mMusical Creativity in the Browser
46mLive Coding Music: Can You Code? Become a Composer with WebAudio and WebMIDI!