Sound Lab
Record your voice, then read it two ways at once: a time-domain waveform (how loud, moment to moment) and a spectrogram (which frequencies are present over time). Then run a digital filter over your clip and watch energy vanish from the picture — the most intuitive way to learn what low-pass, high-pass, band-pass and notch filters actually do.
Filter the recording
A filter keeps some frequencies and rejects others. Pick a type, drag the cutoff, and the waveform & spectrogram above update to show the filtered sound. Hit play to hear it. The cutoff line is drawn on the spectrogram.
Filter frequency response — how much each frequency is kept (0 dB) or cut.
What am I looking at?
Waveform (time domain)
The top trace is air pressure vs. time — exactly what the microphone diaphragm felt. Tall = loud, flat = silence. It tells you when things happened but not what pitch they were.
Spectrogram (time–frequency)
The bottom image is a stack of FFTs: the audio is chopped into short overlapping windows, each turned into a spectrum, and the spectra are laid side by side. Vertical axis is frequency (log scale, 20 Hz–20 kHz), brightness is energy. Vowels show up as horizontal stripes (the harmonics of your voice); "s" and "sh" sounds are bright fuzz up high.
FFT size = the trade-off
A bigger FFT size means finer frequency resolution but blurrier timing; a smaller one sharpens timing but smears frequency. This is the time–frequency uncertainty principle — you can't have both perfectly.
Low-pass & high-pass
A low-pass filter keeps frequencies below the cutoff and removes the rest — the top of the spectrogram goes dark and speech sounds muffled. A high-pass does the opposite, thinning the low rumble and leaving the airy highs.
Band-pass & notch
Band-pass keeps only a band around the cutoff (telephone / walkie-talkie sound). Notch carves out one narrow band — the classic trick for killing 50/60 Hz mains hum without touching everything else.
Q, roll-off, FIR vs IIR
The filters here are IIR biquads (Web Audio BiquadFilterNode): cheap, feedback-based, like analog circuits. FIR filters instead sum a finite list of delayed, weighted samples (the "taps") — more taps means a steeper, cleaner cutoff but more compute and delay. Q sets how sharp the corner is and how much it rings right at the cutoff.