84 Zeilen
2.4 KiB
Markdown
84 Zeilen
2.4 KiB
Markdown
# Video Files / Video-Dateien
|
|
|
|
## ⚠️ WICHTIG: AFv6.mp4 muss zusammengesetzt werden!
|
|
|
|
Das große Video (AFv6.mp4, 90MB) wurde in kleinere Teile aufgeteilt, um das Upload-Limit zu umgehen.
|
|
|
|
### Automatisches Zusammensetzen:
|
|
```bash
|
|
cd assets/videos/
|
|
./reassemble-videos.sh
|
|
```
|
|
|
|
Oder manuell:
|
|
```bash
|
|
cd assets/videos/
|
|
cat AFv6.mp4.part* > AFv6.mp4
|
|
rm AFv6.mp4.part*
|
|
```
|
|
|
|
## Vorhandene Videos
|
|
|
|
| Datei | Größe | Status | Verwendung |
|
|
|-------|-------|--------|------------|
|
|
| `AFv6.mp4` | 90MB | ⚠️ Muss zusammengesetzt werden | AccountForger Demo |
|
|
| `hero-code-abstract.mp4` | 11MB | ✅ Fertig | Hero Background 1 |
|
|
| `hero-data-flow.mp4` | 7.3MB | ✅ Fertig | Hero Background 2 |
|
|
| `hero-network-viz.mp4` | 14MB | ✅ Fertig | Hero Background 3 |
|
|
|
|
---
|
|
|
|
## Original Hero Section Spezifikationen
|
|
|
|
Die Hero-Section benötigt 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. |