Über Web, Tech, Games, Art,
Musik, Code & Design

13 Februar, 2025

Hydra Video Synth – Fullscreen-Hack

Der Hydra Video Synth ist ein browserbasierter, live-coding Video-Synthesizer, der von Olivia Jack entwickelt wurde. Er ermöglicht es VJs und Video-Artists, visuelle Echtzeit-Generativeffekte zu erstellen, ähnlich wie bei analogen Videosynthesizern.

Hydra bietet von Haus aus keinen Fullscreen-Modus. Mit folgendem JavaScript kannst du Hydra dennoch im Fullscreen-Modus laufen lassen und den Code ausblenden:

Öffne die Konsole deines Browsers (Option + Command + J) und führe folgenden Code aus:

function hideElements() {
    document.querySelector(".CodeMirror-code")?.closest(".CodeMirror")?.style.setProperty("display", "none", "important");
    document.querySelector("#toolbar-container")?.style.setProperty("display", "none", "important");
}

if (!document.fullscreenElement) {
    document.documentElement.requestFullscreen();
}

hideElements();

document.addEventListener("keydown", (event) => {
    if (event.key === ",") {
        document.querySelector("#shuffle-icon")?.click();
        setTimeout(hideElements, 10); 
    } else if (event.key === ".") {
        document.querySelector("#mutator-icon")?.click();
    }
});
Code-Sprache: JavaScript (javascript)

Anschließend läuft Hydra im Fullscreen. Mit Komma und Punkt, können random Sketches und Zufallswerte getriggert werden. Wenn du live Code ausführen willst, kannst du das auf einem zweiten Screen in der Konsole machen.

Wenn du den Sound deines Macs (z.B. aus iTunes oder Spotify) in Hydra nutzen möchtest, musst du einen virtuellen Audiotreiber installieren. Hier steht, wie´s geht: www.fbnfrtg.de/audio-output-am-mac-als-input-nutzen/


Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert