Web Audio Weekly

Hello!

It's been a while. With a new baby arriving in April and the horrible pandemic situation this newsletter has taken a back seat. But I'm looking forward to working on this and other fun audio projects in 2021. Thank you for sending in your contributions, I hope to get round to including them all in the coming weeks.

If you'd like to help me devote more time to this newsletter please consider buying me a coffee.

In the meantime, stay safe and look after each other -- Chris

Improved Web Audio API support in Safari

JON DAVIS

This year has seen some significant improvements to Web Audio API support in Safari. Support for the API has for a long time lagged other browsers and given Apple's apparent preference for native applications over the web the community wasn't hopeful for a change. However Safari Technology Preview 116 not only fixes some long-standing API compatibility issues it also enables support for the AudioWorklet API by default. Perhaps the fact that Zoom makes use of AudioWorklet and we're all using video conferencing software more has tipped Apple's hand. Whatever the reason it's fantastic news for Web Audio in general.

The web platform tests project gives a lot of detail about Safari's improved compatibility with the spec. For now users need to wait for the next Safari update but installing and testing the preview should give you a taste of what's to come.

Profiling real-time audio workloads in Firefox

PAUL ADENOT

An in-depth look at the profiling tools in Firefox and how to use them to profile and improve Web Audio code. For many applications the performance of Web Audio in the browser causes no issues but if you're working on, for example, real-time performance applications on lower-powered devices, or have demanding signal-processing code in audio worklets, profiling can be essential. Paul walks through how to use the profiler with some handy video demonstrations.

Did you know you can advertise in Web Audio Weekly? Find out more! ยป

How to Make a Piano in only 1kb of JavaScript

FRANK FORCE

This Web Audio piano simulator won the 2020 JS1024 contest - for applications that can fit in less than 1kb of code. In the blog post Frank talks about how to simulate a piano and also lots of fun hacks for compressing the code into the smallest possible size.

11-part Web Audio Video Tutorial

THE CODE CREATIVE

In this YouTube video tutorial Gregg Fine (the Code Creative) teaches the basics of the Web Audio API from playing audio files, to using oscillators and beyond. If learning more about Web Audio is one of your resolutions for 2021 this seems like a good place to start.

A Phase-Aligned Oscilloscope for Web Audio

MATT MONTAG

If you're visualising a waveform and want it to stay still on the screen you need to make sure that the refresh rate of your visualisation is syncronised to the frequency of the waveform. This is called phase-alignment and in this post Matt Montag talks about how to create phase-aligned oscilloscope style visualisations. Read the comments too for some alternative approaches.

freq_wave - A web-based interactive sound-installation

CARL MICHAEL VON HAUSSWOLFF

A freq_wave is a rogue wave: unpredictable, sudden, and can impact with tremendous force. This monster wave, curated by Carl Michael von Hausswolff, comprises 84 sound artists and composers contributing to a web-based interactive collaboration bringing oceanic creativity to the fore. It springs from a spontaneous act of solidarity, the will to connect and express ourselves.


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.

Support

Buy Me A Coffee

Elsewhere