VisLab

Audioreaktive Live-Visual-Umgebung für Performance und VJing

Beteiligte

Erasmus Schmidt

Konzeption und Umsetzung

Projektart

Tool / Web-Anwendung

Live-Visual-System

Thema

Creative Coding

Audio-Reaktivität

Echtzeitvisualisierung

Aufgabe

Konzept

Interface Design

Technische Umsetzung

Idee

VisLab ist ein webbasiertes System für audio-reaktive Live-Visualisierung, das als zentrale Schaltzentrale für unterschiedliche visuelle Quellen fungiert. Generative p5.js-Visuals, anpassbare System-Modi und externe Quellen wie Video oder TouchDesigner werden in einem gemeinsamen Live-Interface zusammengeführt und gleichwertig steuerbar gemacht. Das Besondere an VisLab ist dieser hybride Ansatz: Visuals werden nicht als statische Clips verstanden, sondern als modulare Zustände, die sich live verändern, kombinieren und neu zusammensetzen lassen.

Interface-Ansicht von VisLab im Live-Betrieb

Funktionen

Echtzeit-Visuals

VisLab ist ein browserbasiertes Tool für audio-reaktive Visuals in Echtzeit. Musik steuert Bewegungen, Intensität und Effekte direkt während der Performance. Audioquellen wie Mikrofon oder Tracks lassen sich flexibel wechseln, ergänzt durch Transport- und Lautstärkesteuerung im Interface.

Modulares Visualsystem

Eine Vielzahl integrierter Visual-Modi ermöglicht unterschiedliche 2D-, 3D- und shaderartige Looks. Parameter wie Farbe, Sensitivität, Bewegung oder Verzerrung sind live steuerbar. Modi können gezielt gewechselt, kombiniert oder zufällig variiert werden.

Hybride Quellen

VisLab ermöglicht das flexible Kombinieren unterschiedlicher visueller Quellen. Eigene p5.js-Sketche können als Custom-Visuals integriert werden, während bestehende Modi frei angepasst, parametrisiert und miteinander kombiniert werden. Zusätzlich lassen sich externe Quellen wie Live-Streams oder TouchDesigner-Outputs einbinden und nahtlos in das visuelle Set integrieren.

Timeline & Ablaufsteuerung

Visuelle Zustände lassen sich als Clips in einer Timeline organisieren. Dauer, Reihenfolge und Looping sind frei definierbar. Übergänge zwischen Clips unterstützen sowohl strukturierte Abläufe als auch improvisierte Live-Sets.

Übergänge & Dramaturgie

Unterschiedliche Übergangstypen wie Fade, Flash, Blur oder Glitch ermöglichen einen bewussten Wechsel zwischen visuellen Zuständen. Übergänge können pro Clip oder global gesteuert werden und unterstützen den dramaturgischen Aufbau einer Performance.

Drag-and-Drop-Steuerung

Modi, Clips und Übergänge werden per Drag & Drop organisiert. Der Workflow ist auf schnelles Umstrukturieren und intuitive Bedienung im Live-Kontext ausgelegt.

Kamera & Ebenen

Kamera-Inputs können als Hintergrund oder eigenständige visuelle Ebene genutzt werden. Das Live-Bild lässt sich mit verschiedenen Videoeffekten bearbeiten und mit generativen Visuals kombinieren, um hybride Looks zwischen realem Raum und digitalen Strukturen zu erzeugen.

Zweiter Bildschirm & Ausgabe

Ein separater Output-Modus ermöglicht die Trennung von Vorschau und Hauptausgang. Qualität und Performance lassen sich unabhängig steuern, optimiert für Live-Situationen und Projektionen.

Aufnahme & Sessions

Performances können direkt aufgezeichnet werden. Sessions lassen sich speichern, exportieren und wieder laden, inklusive Timeline, Übergängen, Custom-Visuals und externen Quellen.

Fokus auf Live-Einsatz

Die Benutzeroberfläche ist auf schnellen Zugriff ausgelegt. Keyboard-Shortcuts, reduzierte UI-Modi und Performance-Optimierungen unterstützen den Einsatz auf der Bühne ebenso wie im Studio.

Einsatz

VisLab wurde aus der praktischen Arbeit mit DJ-Sets, VJing und kulturellen Veranstaltungen heraus entwickelt und ist konsequent auf den Live-Einsatz ausgerichtet. Die aktuelle Beta-Version ist bereits einsatzfähig und wird unter realen Bedingungen getestet und weiterentwickelt. Erkenntnisse aus Performances und Veranstaltungen fließen direkt in die gestalterische und konzeptionelle Weiterentwicklung des Systems ein. VisLab versteht sich dabei nicht als abgeschlossenes Produkt, sondern als offenes, wachsendes Werkzeug, das sich im Zusammenspiel von Musik, Raum und Publikum kontinuierlich weiter formt.

VisLab im Live-Einsatz bei einer Veranstaltung

Demo