web-audio-spectrogram
Try : https://e04.github.io/web-audio-spectrogram/
This repository contains a simple implementation of a spectrogram using the WebAudio API. A spectrogram is a visual representation of the spectrum of frequencies of a signal as it varies with time.
This implementation uses the WebAudio API to create an audio context and capture audio from the user's microphone in real-time. It then performs a Fourier transform on small windows of the time-domain data to obtain frequency-domain data, which is used to create the spectrogram. The spectrogram is then displayed on a canvas element.
Usage
To use this implementation, simply visit the GitHub Pages site for this repository. Allow access to your microphone when prompted, and you should see the real-time spectrogram being displayed on the canvas.