Olivia Jack

Most libraries and abstractions for creating graphics in Javascript are focused on 2D shapes (SVG and canvas) or simulating 3D rendering. The talk will instead explore generative graphics inspired by modular, analog video synthesizers from the 1970s, in which visuals are created by routing, transforming, and recombining multiple sources and outputs in realtime (such as cameras, videos, and application windows).

By using WebRTC to share video peer-to-peer, each browser/device can output a video stream, and receive and modify video streams from other browsers/devices. Transformations to the color, coordinates, and blending of a visual source are abstracted as separate Javascript functions which can be chained and composited to create complex visual patterns. 

The talk will explore technical, aesthetic, and collaborative possibilities of treating a web app as a series of interconnected and heterogeneous nodes, rather than as a specific “site” or “place”.

2019

JSConf Asia

The Browser as a Modular, Networked Video Synthesizer

Olivia Jack talks about Hydra, her tool for collaborative, networked, live-coded video synthesis.

Check out the repo! https://github.com/ojack/hydra