Web Audio Weekly


I hope you enjoy this week's newsletter! Since I added the link at the start of the year, several of you lovely people have bought me a coffee. It really helps to motivate me and to cover the costs of sending this newsletter to over 2,000 people a month, so thank you!

-- Chris

Modeling an analogue delay in the Web Audio API


In this article, Joshua creates an classic analogue-style delay effect using the Web Audio API. The Web Audio DelayNode on its own creates a single, clean echo. But to create that vintage sound we need to introduce feedback, and something to degrade the signal as it is fed back into the delay line. Joshua also looks at modulating the delay time for some warbling, chorus effects.

Symphosizer - Sound Activated Typographic Instrument


Design studio Collins have recently created a brand new typographic brand for the San Fransisco Symphony. The type logo is built to react to sound and music in a way that evokes the movement of sound waves, or the pulse of a graphic equaliser. The link above has a demo of the project. I enjoyed the summary in Jeeves' twitter thread (sent to me by Andrew).

Did you know you can run job ads in Web Audio Weekly? Find out more! »

WebAudioXML - Web Audio apps without JavaScript


WebAudioXML makes it possible to write Web Audio applications without writing any JavaScript. It does this by parsing an XML document on the fly and converting it into HTML, UI code and a Web Audio node graph. There's some tutorial videos and demos on CodePen. The author, Hans, is a researcher at the Royal Institute of Technology in Stockholm and has developed the tool to make it easier for others to develop interactive sound and music applications.

Writing Retrowave in Angular


Learn how to integrate Web Audio with the popular Angular framework by building a piece of retrowave music. The angular library used in this article is part of a collection that integrate Web APIs into the framework's declarative style. There's one for Web MIDI too.

WebAssembly/Rust Tutorial


With much improved support for the AudioWorklet API and WebAssembly, it's increasingly more feasible to write audio code in languages other than JavaScript and compile it to run in the browser. This allows the code to be shared between the web and native platforms, for example. In this tutorial Peter Suggate gives an overview of these different technologies, how they work together and how to write audio processing code for the web in Rust.



Orchestre-JS is an audio library for managing dynamic music, by playing vertical or horizontal layers. It can be used to dynamically add and remove instruments in a song, play sounds in rhythm, transitionning through verses, or call events on beats. Orchestre-JS aims to provides a simple way to create dynamic soundtracks for your web games or applications.

Blob Opera


This application came out before Christmas, but when I showed it to my son it scared him, so I didn't get round to playing with it. I've revisited it this week, and it is joyous (although admittedly, pretty weird). If you haven't seen it and enjoy AI-powered, Web Audio-rendered opera sung by animated blobs, you're in for a treat.

What's this?

Web Audio Weekly is a newsletter about audio on the web platform, curated by Chris Lowis. Check out the archives for issues you may have missed and let your friends know they can subscribe by forwarding them this newsletter.


Buy Me A Coffee