Hero Section Videos

Benötigte Video-Dateien

Die Hero-Section benötigt 4 rotierende Hintergrund-Videos. Diese sollten folgende Eigenschaften haben:

Video-Spezifikationen:

Format: MP4 (H.264 codec)
Auflösung: 1920x1080 (Full HD) minimum
Länge: 10-15 Sekunden Loop
Dateigröße: Max. 5MB pro Video (komprimiert)
Framerate: 24-30 fps
Audio: Keine (Videos werden stumm abgespielt)

Benötigte Videos:

hero-tech-pattern.mp4
- Abstrakte Tech-Muster oder Code-Visualisierung
- Helle, sanfte Bewegungen
- Farben: Weiß, Hellgrau, Hellblau
hero-data-flow.mp4
- Datenströme oder Partikel-Animationen
- Fließende Bewegungen
- Minimalistisch und hell
hero-network-viz.mp4
- Netzwerk-Nodes und Verbindungen
- Geometrische Formen
- Subtile Animationen
hero-code-abstract.mp4
- Code-Editor oder Terminal-Output
- Verschwommen/abstrakt
- Heller Hintergrund

Empfohlene Tools zum Erstellen:

After Effects (für professionelle Animationen)
DaVinci Resolve (kostenlos)
Blender (für 3D-Animationen)
Online: Canva, Renderforest

Kostenlose Stock-Video Quellen:

Pexels Videos (https://www.pexels.com/videos/)
Pixabay (https://pixabay.com/videos/)
Videvo (https://www.videvo.net/)
Coverr (https://coverr.co/)

Komprimierung:

# FFmpeg Befehl zum Komprimieren:
ffmpeg -i input.mp4 -c:v libx264 -crf 23 -preset slow -vf scale=1920:1080 -an output.mp4

Fallback:

Falls keine Videos vorhanden sind, funktioniert die Website trotzdem - es wird nur der statische Gradient-Hintergrund mit Particle-Animation angezeigt.

1.6 KiB Originalformat Blame Verlauf