A short audio fragment is downloaded and sliced into audio blocks. FFT magnitudes are calculated for each block with the SIMD WASM version of pffft. Note that a Hamming window is applied automatically by default. Next, magnitudes are visualized using a spectrogram placed on a canvas element. Time is on the horizontal axis and frequency (Hz) on the vertical.
Note that CORS needs to be configured correctly to make this demo work. A working configuration sets these headers: 'Cross-Origin-Embedder-Policy' => 'require-corp' and 'Cross-Origin-Opener-Policy' => 'same-origin'.