Skip to content

Dj-Viking/spectrum-analyzer

Repository files navigation

Spectrum Analyzer

Makes use of the web audio API to take microphone input signal as a source.

as well as the built-in AnalyserNode interface from the web audio API.


The FFT information taken from the 'analyserNode.getFloatFrequencyData(*Float32Array arr)'.


The buffer the user creates to store the sample data is allocated on each draw frame of the canvas element.


Then the data is parsed to get some meaningful information on how to adjust the geometry of some part of the canvas.


And also in this example, the HSL color scheme by frequency amplitude as well as frequency domain (lows, mids, highs).