Ein modernes, hochgradig anpassbares Audio-Visualizer Studio zur Erstellung professioneller Musikvideos und Social-Media-Clips (YouTube, TikTok, Shorts, Reels) mit direktem Export von transparenten Videos (ProRes 4444 mit Alpha-Kanal) für DaVinci Resolve.

✨ Neue Features in Version 2.0

📐 Vielfältige Formen & Topologien:
- ⭕ Kreis (Radial): Klassischer Look à la Trap Nation / Monstercat.
- ➖ Linear & Horizont: Symmetrischer Horizont, Boden-Equalizer, Decken-Equalizer oder schwebende Wellenform.
- ⬡ Polygone: Hexagon (6-Eck), Raute / Diamond, Dreieck und Achteck mit passender Cover-Maske.
- 〰️ Oszilloskop / Laser-Welle: Flüssige, reaktive Neon-Audiowellenform mit glühendem Laserkern.
- 🌀 3D Tunnel / Wormhole: Konzentrische Tiefenringe mit kick-reaktiven Impulswellen.
🎛️ Vollständige Deaktivierbarkeit (No-Cover Modus & Modularer Layer-Stack):
- Cover-Artwork komplett ausblendbar: Perfekt für minimalistische Wellenformen, futuristische Horizonte oder reine 3D-Grid Visualizer ohne Cover-Bild.
- Jedes einzelne Feature ein-/ausschaltbar: Cover, Spektrum, Rand, Fortschrittsring, 3D Grid, Partikel, Bass-Shake, Glitch, Beat-Flash, Bass-Zoom, Typography.
🎨 Multi-Pass Neon Glow & Gradienten:
- 2- und 3-Farben-Farbverläufe (Conic Angular, Radial, Horizontal, Vertikal) und dynamischer Rainbow/Chroma Beat-Loop.
- 1-Klick Farbpaletten: Cyberpunk, Synthwave Sunset, Toxic Emerald, Ice Blade, Fire Amber, Royal Violet, Monochrome.
- Echter Multi-Pass Neon Glow mit Bloom Spread und hellem Laserkern.
✨ 3D Atmosphäre & FX:
- 3D Synthwave Grid Floor: Audio-reaktiver Gitterboden mit Tiefenperspektive.
- Partikel-System: 3D Warp Starfield (Kameraflug), organischer schwebender Staub oder Audio-Funken.
- Kamera-Dynamik: Bass-Shake, Cam-Zoom, RGB-Split Glitch und Strobe Beat-Flash.
🎬 DaVinci Resolve Alpha-Export:
- QuickTime ProRes 4444 (.mov) mit echtem 100% Alpha-Kanal für verlustfreie Studioqualität.
- WebM VP9 (.webm) mit Alpha-Kanal für kompakte Dateigrößen.
- MP4 (H.264) für fertige Standalone-Videos.
💾 Presets & Formate:
- 8 kuratierte Presets (Trap Nation, Cyber Hexagon, Synthwave Horizon, Laser Oscilloscope, Diamond Bass, Cosmic Wormhole, Studio Graphic EQ, Minimal Ice Wave).
- Seitenverhältnisse: 16:9 (YouTube 1080p/4K), 9:16 (Shorts/TikTok) und 1:1 (Instagram).

🚀 Schnelle Inbetriebnahme (Lokal auf Windows)

1. Per 1-Klick

Einfach einen Doppelklick auf die Datei Start-Local.bat ausführen. Das Skript installiert bei Bedarf die Abhängigkeiten und öffnet automatisch deinen Browser unter http://localhost:849.

2. Manuell über Terminal

# Repository klonen
git clone https://git.orfel.de/Jannik/Viz.git
cd Viz

# Abhängigkeiten installieren
npm install

# Server starten
npm start

Die Web-App ist nun unter http://localhost:849 erreichbar.

🎬 DaVinci Resolve Workflow

Öffne dein Projekt in DaVinci Resolve.
Ziehe die aus VIZ exportierte .mov Datei (ProRes 4444 mit Alpha) in deinen Media Pool.
Lege deinen Hintergrund (Video, B-Roll oder KI-Animation) auf Video-Spur 1 (V1).
Ziehe den exportierten Visualizer-Clip auf Video-Spur 2 (V2) direkt darüber.
Da der Hintergrund der Datei transparent ist, legt sich der Visualizer perfekt über dein Footage!

☁️ Deployment in Jannik-Cloud

VIZ ist als nativer Service in Jannik-Cloud integriert:

Subdomain: https://viz.orfel.de
Port: 849
Volume: /mnt/Jannik-Cloud-Volume-01/viz:/data

🛠️ Technologien

Frontend: HTML5 Canvas (60 FPS Multi-Layer Rendering Engine), Web Audio API, Vanilla CSS (Glassmorphism Dark Theme).
Backend: Node.js, Express, Multer (200 MB Upload-Limit), FFmpeg Video Rendering Engine.

📄 Lizenz

MIT License — Erstellt von Jannik.

README.md Unescape Escape

🎵 VIZ 2.0 — Audio Visualizer Studio für DaVinci Resolve