# Assets & Medien

Medien geben deiner Story Charakter und Lesbarkeit. Nutze sie gezielt und performant.

## Asset-Arten

- **Bilder**: Titelbild, Galerie 1–5, Szenenbilder, Overlays
- **Audio**: Voice-over, Sound-FX, Musik (Wiederholung/lautstärke beachten)
- **Video**: Trailer, Szenen-Clips, eingebettete Sequenzen
- **360°**: Panoramen mit Hotspots (Pannellum-basiert)
- **Dateien**: optionale Downloads (sparsam)

## Anforderungen (Empfehlungen)

- **Bilder**: JPG/WEBP, ≥ 1600 px (Titel 16:9), < 2 MB
- **Audio**: MP3/OGG, 128–192 kbps, mono bei Voice-over
- **Video**: MP4/H.264 oder YouTube-Embed; Trailer 15–60 s
- **360°**: 4k equirectangular, Hotspots dezent

## Titelbild & Galerie

- <span style="white-space: pre-wrap;">Titelbild ist </span>**Pflicht**<span style="white-space: pre-wrap;"> für öffentliche Szenarios (Listen/Karten).</span>
- Galerie zeigt 1–5 zusätzliche Eindrücke (Lightbox).
- **Motivwahl**: hell, kontrastreich, ohne kleinteiligen Text.

## Szenen-Medien

- Über Feature-Modals einfügen (Video/Audio/360°, Hintergrundbild/-farbe).
- **Autoplay dezent**; Nutzerkontrolle priorisieren.
- **Barrierefreiheit**: Untertitel/Transkript bei Voice-over; Alternativtext bei Schlüsselbildern.

## Performance-Tipps

- **Komprimieren**<span style="white-space: pre-wrap;"> (TinyPNG, Squoosh).</span>
- **Lazy-Load**<span style="white-space: pre-wrap;"> in langen Szenen.</span>
- **Wiederverwenden**<span style="white-space: pre-wrap;"> (Asset-Bibliothek statt Mehrfach-Upload).</span>

## Rechte &amp; Sicherheit

- <span style="white-space: pre-wrap;">Nur Medien verwenden, an denen du </span>**Nutzungsrechte**<span style="white-space: pre-wrap;"> hast.</span>
- Keine sensiblen personenbezogenen Inhalte.
- Standortfotos: Privatflächen respektieren.

## 360° Best Practices

- Hotspots klar benennen (Icon + kurzer Text).
- Übergänge zwischen Panoramen mit Pfeilen/Minimap erklären.
- Mobile-Handhabung prüfen (Gyro/Touch).

## Audio Best Practices

- <span style="white-space: pre-wrap;">Lautstärke auf </span>**-16 LUFS**<span style="white-space: pre-wrap;"> (Sprachcontent) normalisieren.</span>
- Musik geloopt? Weicher Loop-Punkt.
- In Außenumgebung: kurze Schnipsel statt Dauerbeschallung.

## Trailer (YouTube)

- <span style="white-space: pre-wrap;">11-stellige ID eintragen, </span>**öffentlich**/„nicht gelistet“.
- <span style="white-space: pre-wrap;">Hook in den ersten </span>**3–5 Sekunden**.
- Untertitel aktivieren.

## FAQ

**Bilder wirken pixelig?**<span style="white-space: pre-wrap;"> Größere Auflösung hochladen, korrektes Seitenverhältnis.</span>  
**Video startet nicht?**<span style="white-space: pre-wrap;"> Mobile Autoplay-Regeln → Nutzerinteraktion verlangen.</span>  
**Audio zu leise?**<span style="white-space: pre-wrap;"> Normalisieren, Headroom prüfen, kein extremes Low-Cut.</span>