Web Audio API

Synth Lab

Oscillators, filters, ADSR, delay, and real-time visualization. All synthesized in the browser.

Waveform (Time Domain)

Spectrogram (Time × Freq)

Frequency Spectrum (FFT)

Oscillator

Waveform

Frequency

440 Hz

Volume

50%

Detune (cents)

0¢

Filter

Type

Cutoff

1000 Hz

Resonance (Q)

1.0

ADSR Envelope

Attack

0.01s

Decay

0.1s

Sustain

70%

Release

0.3s

Delay

Time

0ms

Feedback

30%

Mix

Keyboard — click or use keys A S D F G H J K L (white) W E T Y U O (black)

Signal Chain

OscillatorNode → BiquadFilter → GainNode → DelayNode → AnalyserNode → Destination

Everything is generated in real-time by the Web Audio API. The oscillator produces a waveform. The biquad filter shapes the harmonics (lowpass, highpass, bandpass, notch). The ADSR envelope controls how the gain changes over time — attack, decay, sustain, release. The delay feeds the signal back on itself with configurable time and feedback. The analyser captures data for all three visualizations: time-domain waveform, FFT spectrum, and a scrolling spectrogram.