Explore the creation of a JavaScript video synthesizer for live performances in this JSConf US 2018 talk by Zachary Berry. Dive into the world of modular synthesis, dynamic SVG, and Atari video music while learning about digital aesthetics and audio response techniques. Discover how to implement web components, handle MIDI messages, and utilize the Gamepad API. Gain insights into working with canvas elements for video manipulation and webcam integration. Address common challenges such as time constraints and attribute errors, and explore the integration of TouchDesigner for enhanced visual effects. Learn how to build an innovative tool that combines coding and creativity for unique live performance experiences.
Building a Javascript Video Synthesizer for Live Performance
Overview
Syllabus
Introduction
Inspiration
Testing
Modular Synthesis
Dynamic SVG
Atari Video Music
Digital Aesthetics
Audio Response
Hardware
BitKid
Nodes
Overview
Web Components
Code Examples
Writing to iframe
Evil is evil
Evil eval
Evil attribute
CSS transitions and drum machines
Bimini
How it works
MIDI messages
Gamepad
RequestAnimationFrame
Video in Canvas
Webcam
Canvas
Video Example
Problems with this approach
I run out of time
Get attribute
Errors
ChangeCallBack
TouchDesigner
Loopback
Taught by
JSConf
