Visualizer-Effekte: Über 130 Audio-Visualisierungen, Multi-Layer & Beat-Reaktionen im Browser

Ein Audio Visualizer steht und fällt mit seinen Effekten. Der KodiniTools Audio Visualizer bringt über 130 davon mit: klassische Spektrum-Balken, pulsierende Ringe, Lichtstrahlen, Tunnel, Mandalas, Bühnenscheinwerfer, Laser, Feuerwerk und Nordlichter. Die meisten Effekte laufen als GPU-Presets per WebGL direkt auf der Grafikkarte, lassen sich als Ebenen übereinanderlegen und reagieren wahlweise auf Bass, Mitten, Höhen oder nur auf den Beat. Dieser Beitrag zeigt, welche Effekt-Familien es gibt, wie Sie sie kombinieren und wie Sie das Ergebnis als Video exportieren.

Vier Effekt-Gruppen auf einen Blick

Die Effektauswahl ist in vier Gruppen gegliedert. Die Zahl in der Überschrift der Liste zeigt jeweils, wie viele Effekte aktuell verfügbar sind.

• GPU-Presets: Der grösste Block. Diese Effekte werden als Shader auf der Grafikkarte berechnet und bleiben auch bei aufwendigen Szenen flüssig. Dazu gehören Spektrum, Geometrie, Licht, Laser, LED, Disco, Feuerwerk und Aurora.
• Portrait (Bild): Fünf Effekte, die ein eigenes Bild als Grundlage nehmen, etwa ein Foto oder Logo, und es zur Musik verformen, glitchen oder in LED-Punkte auflösen.
• Klassisch (Canvas2D): 47 ältere Effekte, die ohne WebGL auskommen. Sie dienen als Fallback für Geräte ohne WebGL2 und bleiben für bestehende Presets erhalten.
• Eigene Presets: Sobald Sie eine Ebenen-Kombination speichern, erscheint sie hier als eigener Eintrag.

Die wichtigsten Effekt-Familien

Spektrum und Wellenform

Die Basis jeder Visualisierung: „Balken", „Balken gespiegelt" und „Radiale Balken" zeigen das Frequenzspektrum als Säulen, im Kreis oder gespiegelt um die Mittellinie. „Wellenform" zeichnet das echte Zeitsignal als leuchtende Linie mit Geisterspuren, „Saiten" lässt Linien wie gestimmte Saiten vibrieren, und „LED-Pegelmeter" baut die bekannte Grün-Gelb-Rot-Kette mit Peak-Hold nach. „Audio-Landschaft" rollt die Spektrum-Historie als Gebirge auf den Betrachter zu, bei dem der Bass die Berge aufwirft.

Ringe, Kerne und Pulse

Bei „Puls-Ringe" dehnen sich Ringe aus einem schlagenden Kern aus, moduliert vom Spektrum. „Zentrifugale Ringe" geht einen Schritt weiter: Jeder Frame des Spektrums wird als eigener Ring geboren und wandert nach aussen, so dass ein Beat zu einer dicken Welle wird. „Audio-Kugel" ist eine per Raymarching gezeichnete Kugel, deren Oberfläche vom Spektrum verformt wird, und „Blobs" lässt weiche Kugeln verschmelzen und wieder auseinanderplatzen, wobei der Bass sie aufbläht.

Licht, Bühne und Laser

Neben „Lichtstrahlen" gibt es eine ganze Bühnenausstattung: „Bühnen-Scheinwerfer" leuchten von einer Traverse durch Nebel nach unten, „Rampenlicht" strahlt vom Bühnenrand nach oben, „Eck-Scheinwerfer", „Seiten-Scheinwerfer" und „Suchscheinwerfer" schwenken ihre Kegel zum Beat. Die „Lichtorgel" zitiert die 70er mit drei Milchglasfeldern für Bass, Mitten und Höhen. Elf Laser-Effekte, von „Laser-Fächer" über „Laser-Spirograph" bis „Laser-Oszilloskop", zeichnen dünne Strahlen in Nebel, bei denen Bass und Mitten die Geometrie bestimmen und Onsets die Figur neu ausrichten. Dazu kommen vier Disco-Effekte mit Spiegelkugel, Lichtreflexen und beleuchtetem Tanzboden.

Tunnel und Raum

„Tunnel" fliegt durch eine sich windende, mit Rauschen texturierte Röhre, die sich bei jedem Onset verdreht. „Waben-Tunnel" kleidet die Röhre mit Sechsecken aus, die je nach Frequenzband aufleuchten. „Sternentor" stapelt konzentrische Ringe aus leuchtenden Segmenten, die sich in eigener Geschwindigkeit und Richtung drehen. Für den Weltraum gibt es „Warp-Sterne" mit Hyperraum-Streifen, „Galaxie" mit rotierenden Spiralarmen und „Partikelsturm" mit tausenden Partikeln, die bei jedem Beat nach aussen platzen. „Neon-Grid" liefert den Synthwave-Boden mit gestreifter Sonne am Horizont.

Mandala, Fraktale und Geometrie

„Mandala" verzerrt Rauschen kaleidoskopisch und legt Spektrum-Ringe um einen Bass-Kern. „Fraktal-Blüte" faltet ein Fraktal, dessen Abstände mit dem Bass atmen und dessen Rotation den Onsets folgt. „Blume des Lebens" ist ein Kreisgitter, das von innen nach aussen aufleuchtet. „Cymatics" zeigt Chladni-Figuren einer schwingenden Platte, „Interferenz" lässt kreisende Wellenquellen Moiré-Muster bilden, „Kristallzellen" leuchtet ein Voronoi-Netz an den Kanten mit den Höhen und in den Kernen mit dem Bass, und „Neon-Labyrinth" zieht endlose Kurven aus Truchet-Kacheln, die bei jedem Onset kippen.

Natur, Feuer und Feuerwerk

Sechs Aurora-Effekte, von „Nordlicht-Vorhang" über „Nordlicht-Spiegelung" mit See bis „Nordlicht-Wirbel", bringen ruhige Farbschleier für Ambient und Chill-out. „Feuer" lässt Flammen von unten aufsteigen, die beim Bass brüllen und bei den Höhen Funken werfen. Fünf Feuerwerk-Varianten, darunter Pfingstrose, Weiden, Ringe, Fontänen und ein „Finale" mit Himmelsblitz, starten bei jedem Onset eine Rakete. „Blitze" schlagen bei Beats vom Zentrum zum Rand ein, „Matrix-Regen" lässt Zeichenkolonnen fallen.

LED-Wände, Ziffern und Buchstaben

Wer den Look echter LED-Hardware sucht, findet „LED-Wand" (3×3 und 5×5), „LED-Matrix", „LED-Ring", „LED-Streifen", „LED-Blinder", „LED-Sunstrip" und „LED-Hexpanel". Besonders für Countdowns und Intros: „LED-Ziffer 0" bis „LED-Ziffer 9" sowie „LED-Buchstabe A" bis „E" formen eine 5×7-Punktmatrix, bei der jede einzelne Lampe ihr eigenes Frequenzband hat, Bass unten, Höhen oben.

Portrait-Effekte für eigene Bilder

Fünf Effekte nehmen ein Bild von der Leinwand oder aus der Galerie und machen es selbst zum Visualizer: „LED-Portrait" rastert das Bild in runde LEDs, „Glitch-Portrait" zerlegt es mit RGB-Versatz, verschobenen Zeilen und Scanlines, „Schallwellen-Portrait" wölbt es mit dem Bass und kräuselt es mit den Höhen, „Konturen-Portrait" zeigt nur leuchtende Kanten, und „Halbton-Portrait" druckt es als Rasterpunkte, die mit dem Bass wachsen. Ideal für Cover-Art, Logos und Künstlerporträts.

Multi-Layer: Effekte übereinanderlegen

Ein einzelner Effekt ist erst der Anfang. Im Multi-Layer-Modus stapeln Sie mehrere Effekte als Ebenen. Jede Ebene hat eigene Einstellungen:

• Mischmodus: 16 Modi wie Normal, Multiplizieren, Negativ multiplizieren, Ineinanderkopieren, Aufhellen, Differenz oder Luminanz bestimmen, wie die Ebene mit den darunterliegenden verschmilzt.
• Deckkraft und Farbtransparenz: Getrennt regelbar, damit ein Effekt als dezenter Hintergrund oder als kräftiger Vordergrund wirkt.
• Position und Grösse: Jede Ebene lässt sich frei verschieben und von 10 % bis 300 % skalieren. Verkleinerte Effekte bekommen automatisch weiche Kanten.
• Eigene Farbe und Reaktionsquelle: Eine Ebene kann auf den Bass hören, die nächste auf die Höhen.
• Ebenen-Verwaltung: Duplizieren, ein- und ausblenden, in der Reihenfolge verschieben und als eigenes Preset speichern.

Die mitgelieferten Vorlagen wie „Laser Club", „Disco Night" oder „Aurora Sky" zeigen, wie das aussieht: Sie kombinieren drei Ebenen mit unterschiedlichen Mischmodi und Reaktionsquellen zu einer fertigen Szene, die Sie als Ausgangspunkt anpassen können.

Beat-Reaktionen: Was die Effekte zum Tanzen bringt

• Reaktionsquelle: Pro Effekt oder Ebene wählen Sie, worauf er reagiert: Spektrum, Bass, Mitten, Höhen, Lautstärke oder ein Onset. Onset-Quellen springen nur bei Beats an und fallen dazwischen zurück, statt bei durchgehend lauter Musik dauerhaft auszuschlagen. Die Reaktionsstärke ist von 0 bis 100 regelbar.
• Beat-Punch: Ein Onset-Zoom der ganzen Ebene, der auf Beats statt auf Dauerlautstärke reagiert. Mit dem Regler „Variation" reagieren einzelne Bereiche der Ebene mit eigener Stärke und leichtem Versatz auf jeden Beat, so dass das Bild lebendiger wirkt als ein gleichmässiges Pumpen.
• Onset-Flourishes: Beat-getriggerte Zusatzeffekte in ausgewählten Visualizern, etwa Partikel-Burst, Blüten-Pop, Grid-Punch oder Orb-Pop. Sie werden automatisch normalisiert und feuern bei leisen wie bei lauten Titeln gleichermassen.
• Beat-Drop-Effekte: Bildfüllende Reaktionen wie Flash, Color Burst, Strobe und Vignette-Puls, jeweils mit Quelle, Intensität und Abklingzeit.
• Post-Processing: „Bloom / Glühen" mit Stärke, Schwelle und Radius, „Bewegungsspuren" mit einstellbarer Länge und eine „Adaptive Qualität", die die Bildrate stabil hält.

Schritt-für-Schritt: Eine Effekt-Szene aufbauen

1. Audio Visualizer öffnen

   Besuchen Sie kodinitools.com/visualizer – kostenlos, keine Registrierung. Audiodatei per Drag & Drop laden oder das Mikrofon als Quelle wählen.

2. Format wählen

   In der Canvas-Steuerung das Zielformat setzen: 9:16 für TikTok, Reels und Shorts, 1:1 für Instagram-Posts, 16:9 für YouTube, oder eine freie Grösse.

3. Basis-Effekt wählen

   Im Panel „Visualizer-Typ" einen GPU-Effekt anklicken, etwa „Lichtstrahlen" oder „Mandala". Farbe und Deckkraft anpassen, die Vorschau reagiert sofort auf die laufende Musik.

4. Ebenen hinzufügen

   Über „Multi-Layer" eine zweite Ebene anlegen, zum Beispiel „Balken" mit Mischmodus „Negativ multiplizieren" und Reaktionsquelle „Bass-Onset". Position und Grösse so setzen, dass sich beide Effekte ergänzen.

5. Beat-Reaktionen feinjustieren

   Im Popover „Effekte (Post-Processing)" Beat-Punch aktivieren, Stärke und Variation einstellen, bei Bedarf Bloom und Bewegungsspuren dazuschalten.

6. Aufnehmen und exportieren

   Im Recorder 30 oder 60 fps wählen, „Vorbereiten" und „Start" klicken, den Titel abspielen und stoppen. Das Video wird als WebM gespeichert; auf Wunsch wird es in MP4 konvertiert oder per HQ-Frame-Export Bild für Bild in höchster Qualität gerendert.

Mehr als Effekte: Text, Bilder, Lauftext

Effekte sind nur eine Ebene der Leinwand. Dazu kommen Textelemente mit Schreibmaschinen-, Einblend-, Skalierungs- und Slide-Animationen und über 30 audio-reaktiven Texteffekten, ein Lauftext-Band, das zum Beat pulsiert oder die Farbe wechselt, eigene Bilder und Videos mit Filtern und Beat-Reaktionen, ein Kachel-Hintergrund mit bis zu zwölf Feldern sowie Farbverläufe, Hintergrundbilder und Hintergrundvideos. Alles lässt sich frei auf der Leinwand platzieren.

Datenschutz: Privacy First

Audio-Analyse, Effekt-Berechnung und Aufnahme laufen vollständig lokal in Ihrem Browser über Web Audio API, Canvas und WebGL. Ihre Audiodatei wird nicht hochgeladen. Nur die optionalen Server-Exporte, also die MP4-Konvertierung, der GIF-Export und der HQ-Frame-Export, senden das fertige Video beziehungsweise die gerenderten Einzelbilder an den KodiniTools-Server, wo die Dateien nach einer Stunde automatisch gelöscht werden. Wer das nicht möchte, nutzt den direkten WebM-Download und bleibt komplett im Browser.