Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM

frank commented

2026-07-15 20:41:29 +02:00

Owner

Kontext

Alerts bestehen nicht nur aus Text und Position \u2013 die visuelle und akustische Untermalung macht den Charakter eines Alerts aus. Streamer wollen eigene Soundeffekte (FLAC/WAV/MP3), Animationen (MP4/WEBM) und Bilder (PNG/GIF) f\u00fcr jeden Alert-Typ hochladen und zuweisen.

Ziel

Ein Medien-Manager f\u00fcr Alert-Assets:

1. Medien-Upload & Verwaltung

Unterst\u00fctzte Formate: MP4, WEBM, FLAC, WAV, MP3, OGG, PNG, GIF, SVG
Upload via Admin-UI: Drag & Drop, Datei-Auswahl, Mehrfach-Upload
Asset-Galerie: Alle hochgeladenen Medien mit Thumbnail/Preview, Dateigr\u00f6\u00dfe, Dauer
Suche & Filter: Nach Dateiname, Typ (Audio/Video/Bild), Dateigr\u00f6\u00dfe
L\u00f6schen: Mit Referenz-Pr\u00fcfung (warnt wenn Medien noch zugewiesen sind)

2. Zuordnung zu Alert-Typen

Pro Alert-Typ: Prim\u00e4res Medium + optionales Zusatz-Medium
Zufalls-Auswahl: Liste von Medien, aus denen zuf\u00e4llig gew\u00e4hlt wird
Tier-spezifische Medien: Bei Bits: verschiedene Medien pro Bit-Tier
Fallback-Kaskade: Event-spezifisches Medium \u2192 Kategorie-Medium \u2192 Default (Stille)

3. Wiedergabe-Konfiguration

Lautst\u00e4rke: Per-Medium und per-Alert-Typ (getrennt konfigurierbar)
Loop: Soll das Medium loopen (nur w\u00e4hrend der Alert-Dauer)?
Playback-Start: Gleichzeitig mit Text oder erst nach Einblend-Animation
Stop-Verhalten: Am Ende ausblenden oder nat\u00fcrlich ausklingen lassen

4. Admin-UI

Media-Upload-Seite: Datei-Upload + Metadaten (Name, Tags, Kategorie)
Alert-Config-Editor: Medien-Auswahl per Dropdown/Asset-Picker pro Alert-Typ
Vorschau: Inline-Video/Audio-Player im Alert-Config-Dialog

Technische Leitplanken

Medien im User-Data-Verzeichnis: {app_data}/alert-media/{uuid}.{ext}
Metadaten in SQLite (alert_media-Tabelle: id, filename, type, duration, size, sha256)
Gro\u00dfe Dateien (>50MB) warnen, Upload-Limit 200MB pro Datei
Audio-Decoding via Web Audio API oder HTML5 <audio>/<video> im Overlay
Kein externer Service (alles lokal, datenschutz-konform)

Best-Practices

Video-Alerts: Kurze Clips (1-3s), WEBM mit Alpha-Kanal, \u22645MB
Sound-Alerts: FLAC oder MP3 (320kbps), max 5s, kurze Attack-Phase
Bild-Overlays: PNG mit Transparenz, 1920x1080 als Referenz, \u2264500KB
Variation: 3-5 verschiedene Medien pro Alert-Typ im Zufalls-Modus

Akzeptanz

MP4, WEBM, FLAC, WAV, MP3, PNG, GIF k\u00f6nnen hochgeladen werden
Asset-Galerie mit Thumbnails und Metadaten
Medien k\u00f6nnen Alert-Typen zugewiesen werden (prim\u00e4r + zuf\u00e4llig)
Tier-spezifische Medien f\u00fcr Bit-Cheer
Wiedergabe-Konfiguration (Volume, Loop, Start-Verz\u00f6gerung)
Upload-Limit und Dateiformat-Pr\u00fcfung funktionieren
L\u00f6sch-Schutz bei zugewiesenen Medien

## Kontext Alerts bestehen nicht nur aus Text und Position \u2013 die **visuelle und akustische Untermalung** macht den Charakter eines Alerts aus. Streamer wollen eigene Soundeffekte (FLAC/WAV/MP3), Animationen (MP4/WEBM) und Bilder (PNG/GIF) f\u00fcr jeden Alert-Typ hochladen und zuweisen. ## Ziel Ein **Medien-Manager** f\u00fcr Alert-Assets: ### 1. Medien-Upload & Verwaltung - **Unterst\u00fctzte Formate**: MP4, WEBM, FLAC, WAV, MP3, OGG, PNG, GIF, SVG - **Upload via Admin-UI**: Drag & Drop, Datei-Auswahl, Mehrfach-Upload - **Asset-Galerie**: Alle hochgeladenen Medien mit Thumbnail/Preview, Dateigr\u00f6\u00dfe, Dauer - **Suche & Filter**: Nach Dateiname, Typ (Audio/Video/Bild), Dateigr\u00f6\u00dfe - **L\u00f6schen**: Mit Referenz-Pr\u00fcfung (warnt wenn Medien noch zugewiesen sind) ### 2. Zuordnung zu Alert-Typen - Pro Alert-Typ: **Prim\u00e4res Medium** + optionales Zusatz-Medium - **Zufalls-Auswahl**: Liste von Medien, aus denen zuf\u00e4llig gew\u00e4hlt wird - **Tier-spezifische Medien**: Bei Bits: verschiedene Medien pro Bit-Tier - **Fallback-Kaskade**: Event-spezifisches Medium \u2192 Kategorie-Medium \u2192 Default (Stille) ### 3. Wiedergabe-Konfiguration - **Lautst\u00e4rke**: Per-Medium und per-Alert-Typ (getrennt konfigurierbar) - **Loop**: Soll das Medium loopen (nur w\u00e4hrend der Alert-Dauer)? - **Playback-Start**: Gleichzeitig mit Text oder erst nach Einblend-Animation - **Stop-Verhalten**: Am Ende ausblenden oder nat\u00fcrlich ausklingen lassen ### 4. Admin-UI - **Media-Upload-Seite**: Datei-Upload + Metadaten (Name, Tags, Kategorie) - **Alert-Config-Editor**: Medien-Auswahl per Dropdown/Asset-Picker pro Alert-Typ - **Vorschau**: Inline-Video/Audio-Player im Alert-Config-Dialog ## Technische Leitplanken - Medien im User-Data-Verzeichnis: `{app_data}/alert-media/{uuid}.{ext}` - Metadaten in SQLite (`alert_media`-Tabelle: id, filename, type, duration, size, sha256) - Gro\u00dfe Dateien (>50MB) warnen, Upload-Limit 200MB pro Datei - Audio-Decoding via Web Audio API oder HTML5 `<audio>`/`<video>` im Overlay - Kein externer Service (alles lokal, datenschutz-konform) ## Best-Practices - **Video-Alerts**: Kurze Clips (1-3s), WEBM mit Alpha-Kanal, \u22645MB - **Sound-Alerts**: FLAC oder MP3 (320kbps), max 5s, kurze Attack-Phase - **Bild-Overlays**: PNG mit Transparenz, 1920x1080 als Referenz, \u2264500KB - **Variation**: 3-5 verschiedene Medien pro Alert-Typ im Zufalls-Modus ## Akzeptanz - [ ] MP4, WEBM, FLAC, WAV, MP3, PNG, GIF k\u00f6nnen hochgeladen werden - [x] Asset-Galerie mit Thumbnails und Metadaten - [ ] Medien k\u00f6nnen Alert-Typen zugewiesen werden (prim\u00e4r + zuf\u00e4llig) - [ ] Tier-spezifische Medien f\u00fcr Bit-Cheer - [ ] Wiedergabe-Konfiguration (Volume, Loop, Start-Verz\u00f6gerung) - [ ] Upload-Limit und Dateiformat-Pr\u00fcfung funktionieren - [ ] L\u00f6sch-Schutz bei zugewiesenen Medien

frank added this to the Twitch Alerts – Konfiguration & Defaults milestone

2026-07-15 20:41:29 +02:00

frank self-assigned this

2026-07-15 20:41:29 +02:00

frank referenced this issue

2026-07-15 20:41:29 +02:00

Follow-Alert – Konfiguration mit Text, Medien & Position #81

frank added the

labels

2026-07-15 20:41:56 +02:00

frank commented

2026-07-15 20:57:41 +02:00

Author

Owner

Zugewiesen an codex agent via agent:ready label.

Zugewiesen an `codex` agent via `agent:ready` label.

frank removed the

agent:ready

label

2026-07-15 20:59:33 +02:00

frank removed their assignment

2026-07-15 20:59:34 +02:00

codex was assigned by frank

2026-07-15 20:59:34 +02:00

codex commented

2026-07-16 01:25:55 +02:00

Collaborator

🤖 forge agent started

Agent: codex
Model: gpt-5.6-sol
Mode: pr
Trigger: assignee=agent|+4 mapped
Open ToDos: 7

Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM — Alerts bestehen nicht nur aus Text und Position \u2013 die visuelle und akustische Untermalung macht den Charakter eines Alerts aus. Streamer wollen eigene Soundeffekte (FLAC/WAV/MP3),…

🤖 **forge agent started** - Agent: `codex` - Model: `gpt-5.6-sol` - Mode: `pr` - Trigger: `assignee=agent|+4 mapped` - Open ToDos: 7 Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM — Alerts bestehen nicht nur aus Text und Position \u2013 die **visuelle und akustische Untermalung** macht den Charakter eines Alerts aus. Streamer wollen eigene Soundeffekte (FLAC/WAV/MP3),…

codex added the

agent:working

label

2026-07-16 01:25:55 +02:00

~~codex referenced this issue 2026-07-16 01:25:57 +02:00~~

fix: #80 Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM #101

codex referenced this issue

2026-07-16 01:25:57 +02:00

fix: #80 Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM #101

codex commented

2026-07-16 01:26:07 +02:00

Collaborator

❌ forge agent failed

agent branch has no commits ahead of main (empty PR); dirty work must be committed before finish

❌ **forge agent failed** ``` agent branch has no commits ahead of main (empty PR); dirty work must be committed before finish ```

codex removed the

agent:working

label

2026-07-16 01:26:07 +02:00

codex referenced this issue

2026-07-16 01:26:07 +02:00

fix: #80 Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM #101

codex commented

2026-07-21 01:41:05 +02:00

Collaborator

🤖 forge agent started

Agent: codex
Model: gpt-5.6-sol
Mode: pr
Trigger: assignee=agent|+4 mapped
Open ToDos: 7

Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM — Alerts bestehen nicht nur aus Text und Position \u2013 die visuelle und akustische Untermalung macht den Charakter eines Alerts aus. Streamer wollen eigene Soundeffekte (FLAC/WAV/MP3),…

🤖 **forge agent started** - Agent: `codex` - Model: `gpt-5.6-sol` - Mode: `pr` - Trigger: `assignee=agent|+4 mapped` - Open ToDos: 7 Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM — Alerts bestehen nicht nur aus Text und Position \u2013 die **visuelle und akustische Untermalung** macht den Charakter eines Alerts aus. Streamer wollen eigene Soundeffekte (FLAC/WAV/MP3),…

codex added the

agent:working

label

2026-07-21 01:41:05 +02:00

codex referenced this issue

2026-07-21 01:41:14 +02:00

fix: #80 Alert-Medien-Verwaltung: Upload & Zuweisung von MP4/FLAC/WEBM #101

codex referenced this issue

2026-07-21 01:41:41 +02:00

#81 Follow-Alert – Konfiguration mit Text, Medien & Position #100

codex referenced this issue from a pull request that will close it,

2026-07-21 01:48:40 +02:00