HomeAI & Machine LearningMFCC Feature Extraction Pipeline

MFCC Feature Extraction Pipeline

Watch a synthetic speech waveform become the mel-frequency cepstral coefficients (MFCCs) that feed real speech-recognition acoustic models: pre-emphasis, framing, DFT power spectrum, mel filterbank, log compression, and DCT, all live in 3D.

AI & Machine Learning3DAdvanced60 FPS📱 Mobile-adapted⇄ 2D version
speech-recognition ↗ Open standalone

Before any acoustic model — hidden Markov, deep neural network or transformer — can recognize a phoneme, the raw waveform has to be turned into features it can actually use. This simulator runs that exact pipeline on a synthetic source-filter voice signal: pre-emphasis, Hamming windowing, a discrete Fourier transform power spectrum, a mel-scaled triangular filterbank, log compression, and a discrete cosine transform, live, frame by frame. The scrolling 3D terrain is the mel-spectrogram those filters produce; the coefficient bars are the resulting mel-frequency cepstral coefficients (MFCCs) — the compact feature vector real speech-recognition systems are built on. Switch vowels, change pitch, and dial in background noise to see how each reshapes the features an ASR model would actually receive.

⚙ Under the hood

Watch a synthetic voice signal turn into the mel-frequency cepstral coefficients real speech-recognition acoustic models run on: pre-emphasis, Hamming windowing, DFT power spectrum, mel filterbank, log compression, and DCT, live in 3D.

speech recognitionMFCCsignal processingmel spectrogramASRacoustic features

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)