AbraCalc

Live Audio Visualizer

Visualize your microphone audio as a live frequency spectrum using the Web Audio AnalyserNode. Nothing is uploaded.

Click Start and allow microphone access to see a live frequency spectrum.

Pure browser JavaScript — uses getUserMedia, the Web Audio AnalyserNode, and Canvas.

Embed this tool on your site

How to use this tool

  1. Click Start visualizer and allow microphone access.
  2. Play music or speak — the bars show the live frequency spectrum.
  3. Click Stop to end the visualizer and release the microphone.

Visualize your microphone audio as a live frequency spectrum using the Web Audio AnalyserNode. Nothing is uploaded.

Frequently asked questions

What do the bars represent?
Each bar is a frequency band from the AnalyserNode's FFT, with height proportional to that band's current loudness.
Is the audio recorded?
No — it is analysed in real time and discarded. Nothing is stored or uploaded.

References & sources