Alex Griss

Thanks Eric, really appreciate the share!

Hi Terry 🙂

If you're new to audio and the Web Audio API, these are great starting points:

MDN overview:
developer.mozilla.org/en-US/docs/W...

MDN WAA guide:
developer.mozilla.org/en-US/docs/W...

And a couple of more approachable articles:
fireship.dev/web-audio-api
teropa.info/blog/2016/08...

Web Audio Studio is now live (alpha).

Write real Web Audio API code and visualize the runtime graph in your browser.

Fully local. No signup.

webaudio.studio

I’m designing a visual language for Web Audio API nodes.

Sound and code aren’t enough to understand an audio graph — you need to see it.

Each control maps directly to the API. User code runs in a sandbox, builds a real graph, and renders it visually.

webaudio.studio — in progress. Stay tuned.

I built a small interactive visualizer for Web Audio’s DynamicsCompressorNode. It shows directly on the waveform what happens when you tweak threshold, knee, ratio, attack, release, and gain reduction — including the input envelope and compression region. Runs fully in the browser, you can load your own audio and experiment. Demo: https://alexgriss.tech/dynamics-compessor-node-anatomy/index.html

Made a small interactive visualizer for Web Audio’s DynamicsCompressorNode.

It shows directly on the waveform what happens when you tweak threshold, knee, ratio, attack or release knobs.

Runs fully in the browser, you can load your own audio and experiment.

Demo: alexgriss.tech/dynamics-com...

Web Audio Lab - Interactive Educational Platform for Web Audio API Learning Web Audio Lab is an interactive educational platform for learning Web Audio API and digital audio processing. Master real-time audio manipulation, sound synthesis, and digital signal processing throug...

This article grew out of my work on Web Audio Lab — an interactive platform for learning the Web Audio API through coding experiments inside a fully isolated sandbox.

If you’re into creative web tech, you can subscribe at webaudiolab.com — I’ll share updates once the first version is ready.

The Architecture of Browser Sandboxes: A Deep Dive into JavaScript Code Isolation | The Web Development Blog by Aleksandr Grigorenko A detailed guide to the architecture of browser sandboxes: how JavaScript code isolation works

Just published the most in-depth guide I’ve written so far. If you’re building in-browser editors, REPLs, playgrounds, plugin systems, or any environment where user code runs in the browser — this might save you weeks of research.

alexgriss.tech/en/blog/java...