How to be a Web A/V Artist Part 2: Picking Up the Threads

Remember that time we all learnt how to make audio visualisations in our browser? No? Well don’t worry we’ll do that, but this time we’ll be looking at the performance of it all. Analysing audio, running a 2D canvas context, animating everything, running it live! It’s not for the faint hearted. And it sure wasn’t for the hardware Ruth was running either.

Here she talks about different types of web workers and which ones have really helped her out in recent times. Starting with basic implementation, through worklets appearing with CSS Houdini, the Web Audio Worklet and Offscreen Canvas. This time visuals are getting serious!

Ruth John on etsy Use the code SOTB18 for a discount!

Video:

Slides:

Further Reading and Links:

• https://codepen.io/Rumyra/debug/PaBXdX
• https://github.com/Rumyra/Talk-Web-Workers/blob/master/README.md
• https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API
• https://codepen.io/Rumyra/pen/PaBXdX
• http://lucasfcosta.com/2017/04/30/JavaScript-From-Workers-to-Shared-Memory.html
• http://houdini.glitch.me/
• https://googlechromelabs.github.io/web-audio-samples/audio-worklet/
• https://dsp.audio/editor/