Ruth John: How to be a Web A/V Artist @CssconfAu
Ruth John: How to be a Web A/V Artist  @CssconfAu
Uploaded May 2017 | Updated September 2026, 1 hour ago
Thank you to Mozilla for making video recording possible.

JavaScript is everywhere! It’s jumped out the browser and into the world around us. You can find it in hardware, music, art, museums and even on aircraft! In this interactive talk we take a look at a project which took JavaScript to the streets, projecting live visuals to music in a Portable Audio Visual Pack.

We’ll break down the software built for the project, which involves audio triggered visuals using the Web MIDI, Web Audio and Web Animation APIs, with anything you can think of to build in the browser: Pure HTML & CSS, SVG and canvas, plus video and images. Then we learn how to mix these visuals, to music, live! You’ll even have a chance to get involve yourself, using your own device - it is the web after all.

How do you pick this all up and carry it around the streets you ask? Don’t worry we’ll cover that too. Come and play with some fabulous street art code - it’ll be fun, you’ll learn some cool JavaScript and you’ll be inspired.
Ruth John: How to be a Web A/V ArtistCraig Spence - Fantastic ASTs and where to find themRob Crowley - Crafting compelling real-time web experiences with GraphQLScott Jehl - Delivering ResponsiblyJeremy Nagel - Attack of the mutants using mutation testing to improve your test suiteJulie Grundy - Can you see that OK? CSS tips for low-vision accessibilityMichael Riethmuller - A CSS EulogyPatricia Realini - Is A Hot Dog A Sandwich And Other Analogies Not To Trifle WithCathy Lill: Mars Needs Guitars.... and the WebAudio APISteven Fabre - Invisible animationMatthew Sawkill - CSS for HumansFiona Tay - Bye-Bye Bootstrap Bloat
CSSConf Australia |

Ruth John: How to be a Web A/V Artist

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER