{ Live : JS }

on YouTube ↗33m

" summary

A live system stitches JavaScript audio, visuals and venue lights into one performance: Web Audio API for analysis and looping, Web MIDI API to read controller numbers, and a custom DMX bridge (DMX 512) plus a library called 512 to drive moving-head fixtures. The presenters build a browser-based performance rig that records loops, maps MIDI to visual and DMX channels, and runs in the venue — it mostly works live with some latency and occasional hiccups.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 10:54ANALYSING SOUND WEB AUDIO API
3. 11:43NEW CSS FEATURES CUSTOM PROPERTIES
4. 12:53WEB MIDI API CONTROLLING
5. 13:57MIDI CONTROLLER NO ONBOARD AUDIO
6. 17:46complex devices

" related talks

• 40mLiveJS: Making Music with JavaScriptRuth John, Martin Schuhfuss, Matt Mckegg · ColdFront 2017
• 33mWe ❤ Music & the WebMartin Schuhfuss, Tim Pietrusky · JSConf Budapest 2016
• 04mLive:js openingRuth John, Martin Schuhfuss, Sam Wray, Matt Mckegg · JSConf EU 2018
• 25mFour to the floor JavaScriptSoledad Penadés · JSConf EU 2013
• 01mAudiovisual Programming in Live PerformanceCharlie Roberts · Web Audio Conference 2019
• 25mHow to be a Web A/V ArtistRuth John · JSConf AU 2016
• 16mJam SessionAriane S Stolfi, Raimund Vogtenhuber, Guergana Tzatchkova, TARFIELD · Web Audio Conference 2019
• 31mI Play the JavaScriptMatt Mckegg · NodePDX 2016