MilkDrop im Browser: Winamp-Visualisierung ohne Winamp
Wer in den 2000ern Winamp benutzt hat, erinnert sich wahrscheinlich an MilkDrop: das Plug-in von Ryan Geiss, das Musik in fließende, verzerrte, endlos rückgekoppelte Farbe verwandelte. Eine ganze Community von Künstlern hat Tausende Presets dafür geschrieben, und viele sehen bis heute großartig aus. Das Problem ist, sie heute zum Laufen zu bringen. Winamp ist ein Relikt, und die Alternativen bedeuten, alte Software oder einen Audioplayer zu installieren, den du sonst gar nicht nutzt.
Es geht einfacher: MilkDrop-Presets, die dein Browser rendert und die auf das reagieren, was du ohnehin gerade hörst.
Was MilkDrop eigentlich ist
Ein MilkDrop-Preset ist ein kleines Programm. In jedem Frame nimmt es das vorherige Bild, verschiebt und verzerrt es (Zoom, Drehung, Warp), zeichnet neue Wellen und Formen darüber und schickt das Ergebnis durch einen Shader. Angetrieben wird die Bewegung von der Musik: Pegel von Bässen, Mitten und Höhen und der Beat. Weil jedes Frame in das nächste einfließt, wachsen kleine Änderungen zu den Spuren und Tunneln an, für die MilkDrop bekannt ist.
Moderne Browser schaffen das mit WebGL auf der Grafikkarte in voller Geschwindigkeit. Open-Source-Projekte haben die MilkDrop-Engine nach JavaScript portiert, und das macht MilkDrop im Browser möglich.
So laufen MilkDrop-Presets in Chrome
- Installiere Deus, eine kostenlose Chrome-Erweiterung, aus dem Chrome Web Store.
- Spiel Musik in einem beliebigen Tab ab: Spotify, YouTube, SoundCloud, ein Webradio, irgendwas.
- Klick auf Deus und wähle Diesen Tab visualisieren. Der Visualizer öffnet sich neben dem Tab oder in einem eigenen Fenster.
- Drück P, öffne den Tab MilkDrop und wähle ein Preset. Mit F geht's ins Vollbild.
In Spotify, YouTube Music, Yandex Music, SoundCloud, Deezer und Apple Music laufen die MilkDrop-Presets auch direkt auf der Player-Seite.
Welche Presets dabei sind
Deus bringt eine kuratierte Auswahl klassischer Presets von Geiss, Flexi, Martin, Rovastar, Zylot, EoS und anderen Preset-Künstlern mit, darunter Favoriten wie Mother of Pearl, Desert Rose, Mandala Chasers und Glowsticks. Jedes zeigt die Namen seiner Autoren. Du kannst Presets mögen oder nicht mögen, nach Community-Bewertung sortieren und deine Lieblinge in eine Rotation packen, die per Timer wechselt. So spielt ein langer Mix wie eine alte Winamp-Session.
MilkDrop ist eine von vier Gruppen, neben WebGL-Shader-Szenen, die eigens für Deus geschrieben wurden, Canvas-2D-Geometrie und einem XY-Oszilloskop. Alle reagieren auf dieselbe Klanganalyse.
Tipps für das beste Bild
- Vollbild auf einem großen Bildschirm. Dafür wurde MilkDrop gemacht. Öffne den Visualizer in einem Fenster, zieh es auf einen Fernseher oder zweiten Monitor und drück F.
- Musik mit klarem Beat. MilkDrop-Presets reagieren am stärksten auf Bass und Beats; Electro, Rock und Hip-Hop wirken lebendiger als Ambient.
- Qualität senken auf schwachen Laptops. Feedback-Effekte sind rechenintensiv. Die Einstellung Qualität begrenzt die Renderauflösung, damit alles flüssig bleibt.
Ein MilkDrop-Video erstellen
Du willst MilkDrop-Visuals für ein YouTube-Video oder einen Short? Deus kann ein Video rendern, mit einem Preset oder einer ganzen Kette davon, zu deiner eigenen Audiodatei und in bis zu 4K.
Alles kostenlos, ohne Konto und ohne Zeitlimit.