Ratgeber · Vergleich & Historie
Von WinAmp zu WebGL: Die Geschichte der Audio-Visualisierung
Audio-Visualisierung als Software-Disziplin beginnt 1997 mit WinAmp 2 von Justin Frankel. Sechs Jahre später setzt Ryan Geiss mit MilkDrop einen Standard, der bis heute kopiert wird. Dieser Ratgeber zeigt, wie aus den ersten 4-Bar-Equalizern moderne WebGL-Renderer wurden, welche Plugins die Szene geprägt haben und was projectM heute noch von der MilkDrop-Bewegung übernimmt.
1997: Der Beginn mit WinAmp 2
Im Juni 1997 veröffentlicht ein 17-jähriger Justin Frankel WinAmp 2 als Freeware-Download auf Tucows. Der MP3-Player schlägt schnell ein, weil er drei Dinge richtig macht: erstens läuft er auf den Massen-Windows-PCs der späten 1990er ohne Performance-Probleme, zweitens hat er ein Skin-System, das die Optik beliebig anpassbar macht, drittens unterstützt er Plugins für zusätzliche Funktionen, darunter Audio-Visualisierung.
Die Vis-Plugins der ersten WinAmp-Versionen sind primitive 4- bis 32-Bar-Equalizer und einfache Wellenform-Plots, gerendert auf einer 256x128-Pixel-Skin-Fläche. Selbst diese einfachen Visualisierungen sind für die meisten Nutzer der erste Kontakt mit dem Konzept “Musik visuell darstellen”. MP3-Sammlungen werden in den späten 1990er Jahren Standard, und WinAmp ist der Default-Player auf hunderttausenden PCs.
1999 verkauft Frankel WinAmp mit seiner Firma Nullsoft für 80 Millionen Dollar an AOL. Die Software wird unter AOL weiterentwickelt, und es entsteht eine wachsende Plugin-Szene rund um Audio-Visualisierung. Die wichtigsten Plugins der frühen 2000er: G-Force von Andy O’Meara, AVS (Advanced Visualization Studio) von Nullsoft selbst, und ab 2001 MilkDrop.
2001: MilkDrop setzt die Maßstäbe
Ryan Geiss, ein Nullsoft-Programmierer, veröffentlicht 2001 MilkDrop als WinAmp-Plugin. MilkDrop unterscheidet sich von vorherigen Visualisierungen durch drei Innovationen.
Erstens: GPU-Beschleunigung. MilkDrop nutzt DirectX 8 Pixel Shader, die damals brandneu sind. Statt die Visualisierung Pixel für Pixel in CPU-Code zu rechnen, schickt MilkDrop die Frequenzdaten und Custom-Shader an die Grafikkarte, die in Millisekunden komplexe Effekte rendert.
Zweitens: Preset-System. MilkDrop-Visualisierungen sind nicht hartcodiert, sondern in Preset-Dateien (.milk) definiert. Jeder Preset beschreibt einen Shader, eine Reihe von Parameter-Kurven und Audio-Reaktions-Regeln. Über die Jahre entstehen über 8.000 Community-Presets, die in MilkDrop-”Packs” gebündelt verbreitet werden.
Drittens: Echtzeit-Übergänge. MilkDrop wechselt nicht abrupt zwischen Presets, sondern blendet zwischen ihnen über, oft passend zu Beat-Drops oder Strukturwechseln in der Musik. Das macht die Visualisierung weniger zufällig und mehr “synchron zur Musik” wirken.
Die MilkDrop-Optik wird ikonisch: flüssige, psychedelische, fließende Patterns, oft tunnel- oder fraktal-ähnlich, in changierenden Farben. Wer in den 2000ern eine Visualisierung mit “richtigem Vibe” wollte, lud MilkDrop und ein gutes Preset-Pack.
Die Plugin-Szene 2001-2008
Während MilkDrop visuell dominiert, entwickelt sich eine breite Plugin-Szene mit unterschiedlichen Ansätzen.
| Plugin | Erschien | Stärke | Status heute |
|---|---|---|---|
| AVS (Nullsoft) | 1999 | Modular, Effekt-Ketten | inaktiv |
| G-Force | 1998 | Tunnel-Visualisierungen | macOS-only, aktiv |
| MilkDrop | 2001 | Shader-basiert, Presets | als projectM aktiv |
| Whitecap | 2001 | Particle-System | inaktiv |
| Geiss (Plugin) | 1998 | Nichtlineare Spektrum-Glättung | als projectM-Algorithm aktiv |
| Plasma (Sonique) | 1999 | Vector-Patterns | inaktiv |
| NestDrop | 2014 | MilkDrop-Renderer Standalone | aktiv |
Die meisten dieser Plugins sind heute Software-Geschichte. Aktiv geblieben sind diejenigen, die plattformübergreifend portiert wurden: MilkDrop als projectM (Open Source), G-Force als macOS-iTunes-Visualisierung, NestDrop als standalone Windows-/Linux-App.
2003: projectM startet
Die WinAmp-Plattform basiert auf DirectX und läuft nur auf Windows. Anfang 2003 startet das projectM-Projekt mit dem Ziel, MilkDrop-Presets plattformübergreifend lauffähig zu machen. projectM ist als Open-Source-Reimplementation gedacht, die das Original-Preset-Format unterstützt, aber statt DirectX OpenGL nutzt, was sie auf Linux, macOS und (später) Android, iOS und im Browser lauffähig macht.
Heute ist projectM die de-facto-Plattform für MilkDrop-Visualisierungen. Apple integriert eine projectM-Variante als iTunes/Music-Visualizer. Steam-Music und VLC bieten projectM-Integration. Browser-Visualizer wie audio-visualizer.de können projectM-Presets über WebAssembly-Builds rendern, ohne dass die Original-MilkDrop-Engine portiert werden muss.
Das ist ein bemerkenswertes Beispiel für Software-Erhaltung: ein 2001 erstellter Plugin-Standard lebt 25 Jahre später noch, weil eine Open-Source-Community den Renderer plattformübergreifend gehalten hat.
2010er: WebGL und der Browser-Wechsel
Die Verbreitung von WebGL ab 2011 ändert die Landschaft. Plötzlich ist GPU-beschleunigte 2D- und 3D-Grafik im Browser möglich, ohne Plugin-Installation, ohne Plattform-Bindung.
Erste WebGL-basierte Audio-Visualizer erscheinen ab 2012, parallel zur Verbreitung der Web Audio API. Pioneers sind Google Chrome Experiments (audio.libsyn.com, Chrome Music Lab), die zeigen, dass Browser-Visualisierungen mit nativer Software konkurrieren können.
Ab 2015 etablieren sich kommerzielle Browser-Audio-Visualizer als Marketing-Tools für Podcasts und Musik-Promotion. NPR’s Audiogram-Format prägt die Optik: quadratische oder hochformatige Clips, einfache Wellenform mit dem Sprecher-Bild, designed für Social-Media.
Ab 2018 unterstützt die Web Audio API die OfflineAudioContext-API, mit der man Audio-Visualisierung schneller als Echtzeit rendern kann. Das ermöglicht Browser-Export von Audio-Visualisierungs-Videos, was vorher nur Desktop-Software konnte.
Was die Bühnen-Profis nutzen
Während Browser-Visualizer den Consumer-Markt dominieren, bleiben professionelle Bühnen- und Event-Visualisierer bei Desktop-Software. Aktuelle Standards 2026:
Resolume Arena (Niederlande, seit 2003): die Industrie-Standard-Software für VJ-Sets. Multi-Output, Hardware-Integration, MIDI-Kontrolle, Echtzeit-Effekt-Mixing.
Magic Music Visuals (USA, seit 2009): node-basierter Visual-Patcher, ähnlich Pure Data oder Max/MSP, aber für Visuals. Profi-Tool für komplexe Setups.
Synesthesia (USA, seit 2015): Newcomer, fokussiert auf einfaches User-Interface und schnelle Setup-Zeit. Beliebt bei Twitch-Streamern und Hobby-VJs.
MilkDrop-basierte Tools (projectM, NestDrop): für den Retro-Look der 2000er-Visualizer, oft in Indie-Clubs und kleineren Events. Niedrige Kosten (Open Source), hohe Ästhetik.
Alle vier sind aus dem WinAmp-MilkDrop-Erbe gewachsen oder beziehen sich darauf. Selbst Resolume bietet MilkDrop-Plugin-Support.
Was das Erbe in heutigen Visualizern ist
Wer heute einen Audio-Visualizer im Browser nutzt, sieht direkte Nachfahren der WinAmp-MilkDrop-Tradition. Das Bar-Equalizer-Pattern aus WinAmp 2 lebt in jedem modernen Browser-Visualizer weiter. Die shader-basierten Reaktionseffekte aus MilkDrop sind über projectM und WebGL in JavaScript-Code übersetzt. Die ästhetische Sprache (flüssige Übergänge, beat-synchrone Animationen, psychedelische Farb-Verläufe) stammt fast vollständig aus der 2001-2008-Plugin-Szene. Audio-Visualisierung als Software-Disziplin ist eine seltene Erfolgsgeschichte: eine ästhetische Tradition, die 25 Jahre überlebt hat, weil die zugrundeliegenden Mathematik (FFT, Spektrum-Analyse) zeitlos ist und weil eine Open-Source-Community sich der Erhaltung verschrieben hat.
FAQ
Häufige Fragen
Wer war Justin Frankel?
Justin Frankel war ein 17-jähriger Programmierer aus Arizona, der 1997 WinAmp veröffentlichte. WinAmp wurde der dominante MP3-Player der späten 1990er und früh 2000er, mit über 60 Millionen Nutzern auf dem Höhepunkt. Frankel verkaufte WinAmp 1999 mit seiner Firma Nullsoft für 80 Millionen Dollar an AOL. Er bleibt in der Audio-Community bekannt als Erfinder von Gnutella, Reaper und WDL.
Was ist MilkDrop?
Eine Audio-Visualisierungs-Engine, 2001 von Ryan Geiss als WinAmp-Plugin veröffentlicht. MilkDrop kombiniert Frequenzspektrum-Daten mit GPU-beschleunigten Pixel-Shader-Effekten zu psychedelischen, fließenden Visualisierungen. MilkDrop hat über 8.000 community-erstellte Presets, jeder Preset ist eine Datei mit Shader-Code, der auf die Audio-Daten reagiert. Bis heute der visuell-ästhetischste Audio-Visualizer in der Geschichte.
Wer war Ryan Geiss?
Ein US-amerikanischer Programmierer, der bei Nullsoft an WinAmp arbeitete und nach dem AOL-Kauf MilkDrop als eigenständiges Projekt weiterentwickelte. Geiss ist auch der Erfinder des "Geiss"-Algorithmus für nichtlineare Spektrum-Glättung und schrieb mehrere wegweisende Artikel über GPU-Beschleunigung in den 2000ern. Heute arbeitet er bei Google an Android-Grafik-APIs.
Was ist projectM?
Eine Open-Source-Reimplementation von MilkDrop, die seit 2003 entwickelt wird. projectM nutzt die Original-MilkDrop-Presets (alle 8.000+) und rendert sie mit modernem OpenGL/WebGL, was eine plattformübergreifende Audio-Visualisierung erlaubt. projectM läuft auf macOS (in iTunes / Apple Music), Linux, Android und im Browser als WebAssembly-Build. Damit ist das MilkDrop-Erbe heute zugänglicher als zu seinem Original-Höhepunkt.
Wie ging die Entwicklung von WinAmp weiter?
WinAmp wurde 2013 von AOL eingestellt, das Hauptprogramm war jahrelang nicht weiterentwickelt worden. 2014 kaufte das belgische Startup Radionomy die Rechte und versuchte einen Relaunch, der jedoch nie produktiv wurde. 2018 leakte der WinAmp-Sourcecode online, was eine kleine Community-Revival-Bewegung auslöste. Aktuelle WinAmp-Versionen (5.9+, ab 2023) sind seitdem wieder aktiv in Entwicklung, haben aber nicht die Marktrelevanz der 2000er.
Quellen