https://webaudio.studio/

Web Audio Studio

Visualize and debug Web Audio graphs

Write Web Audio API code and instantly see the graph it creates.
Inspect signal flow, tweak parameters, and hear every change in real
time.

Runs entirely in your browser. No account required.

Launch Studio -

Code - Graph in one click

Write Web Audio API code in the editor, hit Run, and instantly see a
live, interactive node graph on the canvas.

>

Tweak parameters in real time

Every AudioParam is a knob you can grab and turn. Hear the result
immediately -- no need to re-run your code.

>

Inspect signals anywhere in the chain

Click any connection to insert an analyser. See the waveform or
frequency spectrum at any point in your audio graph.

>

Visualize modulation and control flow

Modulation connections are shown as dashed lines. Each knob displays
its modulation range -- see exactly how an LFO shapes your sound.

>

20 templates from basics to 3D audio

Start with a sine wave or jump into FM synthesis, convolution reverb,
or HRTF spatialization. Each template is a working example you can
explore and modify.

>

Who is this for

const audience = [
  'Web developers learning the Web Audio API for the first time',
  'Audio programmers who want to see their signal chains visually',
  'Students and educators in DSP and sound design courses',
  'Anyone curious about how sound works in the browser'
];

Alpha * Desktop only

Actively developed. New builds released regularly.

Stay in the loop

Get notified when new features drop -- no spam, only updates.

[                    ]
Notify me
Loading...
You can unsubscribe anytime. For more details, review our Privacy
Policy.

You're on the list.

We'll email you when something new ships.

(c) 2026 Web Audio Studio * built by Alex Griss

[email protected] * Bluesky
[104226041]