56 Zeilen
1.6 KiB
Markdown
56 Zeilen
1.6 KiB
Markdown
# 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:
|
|
|
|
1. **hero-tech-pattern.mp4**
|
|
- Abstrakte Tech-Muster oder Code-Visualisierung
|
|
- Helle, sanfte Bewegungen
|
|
- Farben: Weiß, Hellgrau, Hellblau
|
|
|
|
2. **hero-data-flow.mp4**
|
|
- Datenströme oder Partikel-Animationen
|
|
- Fließende Bewegungen
|
|
- Minimalistisch und hell
|
|
|
|
3. **hero-network-viz.mp4**
|
|
- Netzwerk-Nodes und Verbindungen
|
|
- Geometrische Formen
|
|
- Subtile Animationen
|
|
|
|
4. **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:
|
|
```bash
|
|
# 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. |