Audiospektrum-Analyser Visualisieren Sie das Frequenzspektrum von Audio-Dateien in Echtzeit.

Der Spektrum-Analysator verwendet den Web Audio API's AnalyserNode, der eine schnelle Fourier-Transformation (FFT) auf dem Audiosignal durchführt. Der AnalyserNode wird mit einem fftSize (typischerweise 2048 oder 4096) konfiguriert, der die Frequenzauflösung bestimmt. Die getByteFrequencyData()-Methode gibt ein Array von Amplitudenwerten für jeden Frequenzbin zurück. Der Frequenzbereich jedes Bins wird wie folgt berechnet: binFrequenz = binIndex * Abtastrate / fftSize. Die Visualisierung wird auf einem HTML5-Canvas mit requestAnimationFrame() für eine gleichmäßige 60fps-Aktualisierung gerendert. Der Balkenmodus zeichnet vertikale Balken für jedes Frequenzbin; der Liniemodus verbindet die Bin-Amplituden mit einer Bezier-Kurvenpfad. Die y-Achse ist logarithmisch skaliert, um eine bessere visuelle Darstellung zu ermöglichen. Die x-Achse kann linear oder logarithmisch (oktavenbasiert) skaliert werden.