
DSP Playground
A visual node-based environment for designing digital signal processing chains. Connect oscillators, filters, and effects using Web Audio.
About DSP Playground
Drag oscillators, filters, delay lines, and gain nodes onto a canvas, then wire them together with virtual patch cables to build a working audio signal chain — all inside the browser. DSP Playground turns abstract digital signal processing concepts into something you can see and hear instantly, making it a genuinely hands-on way to understand how sound is shaped at the component level.
It runs on the Web Audio API, so every connection you make produces real output with no plugins or installs required. Tweak a filter's cutoff frequency, add a distortion node mid-chain, or loop an oscillator back through a reverb — changes take effect live. If you enjoy this kind of low-level sound design, it sits naturally alongside the broader music tools in the catalog. For something that applies similar synthesis ideas through a more traditional keyboard interface, Web Audio Synthesizer is worth a look too.
A mouse and a decent pair of headphones are all you need — the node canvas is best explored on a wider screen where there's room to spread a complex chain without the wires overlapping.
How to use
• Click toolbar buttons to add audio processing nodes to the canvas • Connect nodes by dragging from output (right) to input (left) sockets - red for audio, yellow for modulation • Click and drag nodes to reposition them • Select nodes by clicking, use Shift+Click for multiple selections • Delete selected nodes with Delete key • Double-click cables to remove connections • Right-click cables to change routing mode (Override/Add/Multiply) • Adjust node parameters using sliders and controls on each node • Use QWERTY keyboard to play musical notes for testing pitched effects • Start with an Audio Source node and end with Stereo Output node for sound • Load presets from dropdown to see example setups like reverbs and delays • Save your creations using Save button, load them back with Load button • Red sockets = audio signals, Yellow = modulation signals, Green = mixed output
Reviews
No written reviews yet. Be the first!
More from Music

A browser theremin. Move your mouse to control pitch and volume, generating eerie continuous tones via the Web Audio API.
by mdn






