Audio-Visualizer — 15 reaktive WebGL-Szenen

Der Klang wird fortlaufend in 32 Frequenzbändern analysiert, etwa 90-mal pro Sekunde und unabhängig von der Bildrate Ihres Bildschirms. Jedes Band wird mit seinen eigenen lauten Momenten der letzten Zeit und mit dem Grundrauschen verglichen, sodass ein leises Mikrofon und eine laute Datei das Bild gleich stark bewegen, während Stille oder Raumrauschen die Szene ruhig und dunkel lassen. Schläge werden getrennt erkannt — Bassdrum, Snare und Hi-Hats —, und der Takt wird verfolgt; die Tempoerkennung lässt los, sobald die Musik aufhört, sodass in der Stille nichts weiterpulsiert. Die Szenen machen aus dem Bass Größe und große Formen, aus den Höhen Funken und feine Details und aus den Schlägen Ausbrüche, Wellenringe und Blitze, während „Wellenform“ und „Spektrum“ das echte Spektrum zeichnen.

Zuerst den Mikrofonzugriff im Browser erlauben. Bei Stille bleibt das Bild absichtlich ruhig — Musik in der Nähe des Mikrofons abspielen oder eine Datei wählen. Ist die Musik kaum lauter als das Raumrauschen, die Quelle näher heranrücken, lauter stellen oder den Empfindlichkeitsregler erhöhen. Bei einer Datei ▶ drücken, falls der Browser die Wiedergabe nicht selbst gestartet hat.

Ja! S drücken oder auf „Bildschirmschoner" tippen. Der Visualizer wechselt ins Vollbild und blättert automatisch durch alle 15 Szenen, alle 30 Sekunden eine neue. Mit Escape oder Klick beenden.

Jede Szene ist ein Fragment-Shader auf der Grafikkarte, braucht also WebGL mit eingeschalteter Hardwarebeschleunigung — ein schwarzes Rechteck heißt fast immer, dass die Beschleunigung in den Browsereinstellungen aus ist, und nicht, dass die Szene kaputt wäre. Ruckeln ist das andere Ende derselben Geschichte: Von den 15 Szenen sind „Gewitter“ und „Lavafluss“ die schwersten, „Spektrum“ und „Wellenform“ die leichtesten — wechseln Sie also zu einer leichteren Szene, schalten Sie die kinematischen Effekte aus (P), verlassen Sie den Vollbildmodus oder schließen Sie die Tabs, die um dieselbe Grafikkarte streiten.

Ja. Zu „Datei hochladen" wechseln und eine Audiodatei wählen (MP3, WAV, OGG, FLAC). Die Musik läuft über die Lautsprecher, während die Visuals in Echtzeit reagieren.

Wählen Sie eine Datei und eine Szene und klicken Sie auf „Video erstellen“: Die Seite zeichnet den ganzen Song Bild für Bild mit 30 Bildern pro Sekunde und legt den Ton des Songs darunter, als MP4 oder WebM — in 16:9 für YouTube, 9:16 für Reels, TikTok und Shorts oder quadratisch in 1:1. Jedes Bild wird aus genau dem Ton berechnet, der in ihm erklingt, deshalb sitzen die Lichtblitze exakt auf den Schlägen, und auf einer langsamen Grafikkarte dauert die Erstellung einfach länger, statt dass Bilder verloren gehen. Die Schaltfläche ● nimmt auf, was der Bildschirm gerade zeigt — sie ist für das Mikrofon gedacht.