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.