🧪 Stream-Test — Protokoll

▸ Tun: Über einen Video-Knopf fahren.
✓ Erwartung: Zusätzlich Laufzeit + Auflösung + kleines Vorschaubild.

▸ Tun: Tab „🎉 Alerts": „Test-Alert", dann „Super Thanks / Mitglied / Abo".
✓ Erwartung: Alert erscheint im Overlay; bei den letzten dreien kurze Eingabe.

▸ Tun: Dock mit ?…&event=…&matte=3 öffnen oder Knopf „Bindung".
✓ Erwartung: Leiste zeigt Event · Matte; Ampel 🟢/🟡/🔴 blinkt.

▸ Tun: Nach ein paar Einsätzen den „📊"-Knopf.
✓ Erwartung: Toast „x Partner · y Matte-Einträge".

▸ Tun: Ebene wählen → „🧩 Als Baustein" (Icon wählen: bunt/einfarbig).
✓ Erwartung: Baustein gespeichert, Icon sichtbar.

▸ Tun: „🧩 Baustein einsetzen" → 🔗 Verknüpft oder Kopie.
✓ Erwartung: Karten mit Live-Vorschau + Sektionen nach Kategorie.

▸ Tun: „🧩 Bausteine" → Master bearbeiten, speichern.
✓ Erwartung: Verknüpfte Instanzen ziehen nach; Umbenennen/Duplizieren/Löschen geht.

▸ Tun: Mehrere Ebenen → „🧩 Als Baustein (Gruppe)" → verknüpft einsetzen.
✓ Erwartung: Gesperrte Gruppe folgt dem Master; Kopplungen bleiben.

▸ Tun: YT-Statistik-Ebene (Quelle „Szene", Icon) + Szene-Eigenschaften „YouTube-Quelle" + „Abo-Meilenstein".
✓ Erwartung: 3 Modi (Auto/Kanal/Manuell) + Schutz-Sperre; Meilenstein-Felder da.

▸ Tun: Text-Ebene: optionales Icon vor den Text setzen.
✓ Erwartung: Icon erscheint vor dem Text, Editieren bleibt sauber.

▸ Tun: Alert-Ebene anlegen: „Reagiert auf" + „🎉 Test-Alert".
✓ Erwartung: Test-Alert erscheint im Overlay/Vorschau.

▸ Tun: „📐 OBS-Zone" anlegen, positionieren → oben „📐 OBS".
✓ Erwartung: Koordinaten je Zone zum Kopieren; Zone im Overlay unsichtbar.

▸ Tun: Event öffnen → Reiter „Werbefeedback" (vorletzter Tab).
✓ Erwartung: Kacheln + je Matte + je Werbe-Einheit.

▸ Tun: Bei einer freien Datei „zuweisen" → Partner wählen → OK.
✓ Erwartung: Freie Ausspielung wird dem Werbepartner zugeordnet.

▸ Tun: Werbebild als p<ID>_name.png hochladen und ausspielen.
✓ Erwartung: JEM ordnet automatisch dem Partner mit dieser ID zu.

▸ Tun: Eine Overlay-Szene von Grund auf bauen: Ebenen, Video/Playlist, Werbung, Statistik, Alert, Bausteine nutzen, YT-Quelle + Meilenstein setzen.
✓ Erwartung: Alles lässt sich anlegen, positionieren, speichern; keine Fehler/Hänger.

▸ Tun: Diese Szene am echten Stream-Laptop in OBS als Browserquelle laden und live durchspielen (Full HD).
✓ Erwartung: Läuft flüssig, alles sichtbar & triggerbar, Dock steuert korrekt, Zahlen/Alerts kommen an.

▸ Tun: Ebene „📰 Lauftext" anlegen, Quelle „Mattentexter je Matte", Basis-URL des mattentexte-Ordners eintragen. Overlay mit &matte=N öffnen.
✓ Erwartung: Der Text der Datei Lauftext_MatteN.txt läuft durch; ändert der Mattentexter die Datei, aktualisiert sich das Overlay von selbst.

▸ Tun: Setup → Reiter „Textquellen": drei Quellen mit Basis-URL pflegen. In der Lauftext-Ebene per „Quelle (Ort)" auswählen.
✓ Erwartung: Auswahl setzt die Basis-URL automatisch; lokal (Capt-LAN) und Dropbox/Server umschaltbar.

▸ Tun: Text- oder Lauftext-Ebene mit {event} {matte} {ort} {datum} {wochentag} {tag}/{tag_gesamt} {uhrzeit} {begruessung} {jetzt} {gleich}. Overlay mit &event=<ID> öffnen.
✓ Erwartung: Alle Platzhalter werden live gefüllt; {jetzt}/{gleich} kommen aus dem JEM-Zeitplan, {uhrzeit} tickt.

▸ Tun: „⏳ Countdown" anlegen: Ziel wählen (Uhrzeit / Datum / Minuten ab Start / nächster Zeitplan-Punkt), Format, „Text bei 0".
✓ Erwartung: Zählt live runter; bei 0 erscheint der 0-Text bzw. die Ebene blendet aus.

▸ Tun: „🔳 QR-Code" anlegen: Inhalt „Event-Shortlink" / „Stream-Link" / „Eigene URL".
✓ Erwartung: QR erscheint (quadratisch); bei Event-Quelle füllt sich der Shortlink automatisch.

▸ Tun: Oben „🎛️ Variablen" → Felder ausfüllen (Event nicht im JEM) → „💾 Online speichern".
✓ Erwartung: Overlay übernimmt die Werte live, auch ohne verknüpftes JEM-Event; leere Felder = JEM/leer.

▸ Tun: Im Dock „📋 URL" bzw. „Base64" kopieren; Online/Offline-Ampel beachten; JSON „⬇️/⬆️".
✓ Erwartung: Die URL mit &vov=… trägt die Werte OHNE Server ins Overlay; Ampel zeigt Online/Offline korrekt.

▸ Tun: „⬇️ Offline-Export" → „📄 Eine Datei". Datei in OBS als lokale Datei laden ODER per Doppelklick im Browser.
✓ Erwartung: Läuft komplett ohne Webserver: Bilder, Schriften, Text/Variablen, Countdown & QR sind da — keine externen Requests.

▸ Tun: „⬇️ Offline-Export" → „🗂️ ZIP". Entpacken, overlay.html öffnen (Ordner assets/fonts/vendor daneben).
✓ Erwartung: HTML + Ordner vorhanden; Overlay läuft offline genauso wie die Ein-Datei-Variante.

▸ Tun: Ebene „🗓️ Zeitplan" anlegen (Quelle „Aus dem JEM"). Overlay mit ?event=TEST-OVL-KOOP-02&day=1 öffnen.
✓ Erwartung: Kopfzeile zeigt Wochentag+Datum, alle Punkte des Tages, der laufende Punkt ist hervorgehoben, Vergangenes gedimmt. Icons (⏰) bleiben erhalten.

▸ Tun: Dieselbe Szene mit &day=2 öffnen. Danach „Max. Zeilen" auf 3 stellen.
✓ Erwartung: Tag 2 zeigt die Punkte von Tag 2. Bei „Max. Zeilen" wandert das Fenster mit dem laufenden Punkt mit.

▸ Tun: Dock öffnen (mit gebundenem Event) → Reiter „🗓️" → Text ändern → 💾 Speichern. Overlay beobachten.
✓ Erwartung: Speicher-Meldung erscheint; das Overlay übernimmt den neuen Zeitplan von selbst (ohne Neuladen). Aussehen/Einstellungen der Ebene bleiben unverändert.

▸ Tun: Nach Punkt 33 im JEM das Event öffnen und den Zeitplan ansehen.
✓ Erwartung: Die Änderung aus dem Dock steht im JEM — der JEM bleibt die Quelle der Wahrheit.

▸ Tun: Ebene „📅 Termine" anlegen, Quelle „Aus dem JEM + eigene".
✓ Erwartung: Kommende Events erscheinen mit Datums-Block, Ort und Altersklassen; der nächste ist hervorgehoben; „Nächster: heute/morgen/in N Tagen" stimmt.

▸ Tun: „＋ Termin hinzufügen" (Datum + Name). Ebene absichtlich kleiner ziehen, sodass die Liste zu lang wird.
✓ Erwartung: Eigener Eintrag erscheint nach Datum einsortiert zwischen den JEM-Terminen. Bei Überlänge scrollt die Liste sanft hin und zurück.

▸ Tun: „🧩 Baustein einsetzen" → Kategorie „Plan" → beide einsetzen (verknüpft oder Kopie).
✓ Erwartung: Beide Bausteine sind vorhanden (🗓️ / 📅) und werden mit fertigen Einstellungen eingefügt.

▸ Tun: Beide goldenen Griffe ziehen. Seite neu laden. Doppelklick auf einen Griff. Setup → „↺ UI auf Standard".
✓ Erwartung: Leisten lassen sich breiter/schmaler ziehen, die Leinwand passt sich dabei live an. Breite bleibt nach dem Neuladen erhalten. Doppelklick setzt nur diese Leiste zurück, der Setup-Knopf beide.

▸ Tun: Mit der Maus über Kacheln, Kopfzeilen-Knöpfe, Ebenen-Knöpfe und Eigenschaften-Felder fahren.
✓ Erwartung: Jeder Knopf zeigt einen großen, gut lesbaren Tooltip (Icon + Überschrift + Erläuterung) — keine Aussetzer, nichts ohne Hinweis.

▸ Tun: Text-Ebene → Feld „Inhalt" → Knopf „{ } Variable einfügen". Cursor mitten im Text setzen und eine Variable wählen.
✓ Erwartung: Auswahlfenster zeigt alle Variablen mit Erklärung UND dem aktuell geltenden Wert (grün). Der Platzhalter landet genau an der Cursor-Position.

▸ Tun: Setup → Reiter „Variablen" → eigene anlegen (z. B. name „hashtag", Standardwert „#judolive"), speichern. Dann im Text {hashtag} einsetzen.
✓ Erwartung: Eigene Variable erscheint im Auswahlfenster unter „Eigene (Setup)" und wird im Overlay mit dem Standardwert gefüllt.

▸ Tun: Dieselbe Variable zusätzlich in „🎛️ Variablen" (Szene) mit anderem Wert setzen. Overlay ansehen. Danach absichtlich {quatsch} in einen Text schreiben.
✓ Erwartung: Szenen-Wert gewinnt über den Setup-Standard; JEM-Werte gewinnen über den Standard. Unbekannte Platzhalter bleiben sichtbar stehen.

▸ Tun: Etwas ändern (nicht speichern) und dann probieren: „📂 Laden", „Vorlagen", „Neu", „⬆️ Import". Bei jedem der drei Knöpfe je einmal Abbrechen / Verwerfen / Speichern & fortfahren wählen.
✓ Erwartung: Jedes Mal erscheint ein Modal mit drei Möglichkeiten. „Abbrechen" ändert nichts, „Verwerfen" wirft die Änderungen weg, „Speichern & fortfahren" speichert erst und macht dann weiter. Ohne Änderungen kommt keine Frage.

▸ Tun: Nichts auswählen → rechte Seite zeigt Tabs „Szene / YouTube / Variablen". Ein Modal öffnen und schließen.
✓ Erwartung: Kein endloses Menü mehr, sondern drei Reiter. Modal blendet weich ein und aus statt hart aufzupoppen.

▸ Tun: Event → Reiter „Ausrichter" → Block „Ausrichter-Logo": ein PNG hochladen, Vorschau prüfen, „Entfernen" testen.
✓ Erwartung: Logo erscheint als Vorschau, Format/Größe/Datum werden angezeigt, es liegt als Dokument am Event. „Entfernen" löst nur die Zuordnung, das Dokument bleibt.

▸ Tun: Reiter „YouTube & Live" öffnen (oben, über den Kacheln).
✓ Erwartung: Logo erscheint dort als Spiegel mit Prüfergebnis und Knopf „Ausrichter-Tab". Ohne Logo steht dort ein Hinweis.

▸ Tun: Drei Uploads testen: (a) PNG freigestellt, (b) PNG mit weißem Hintergrund, (c) JPG.
✓ Erwartung: (a) grün „transparenter Hintergrund erkannt", (b) rot „kein transparenter Hintergrund", (c) rot „JPG kann keine Transparenz". Bei kleinen Bildern zusätzlich Auflösungs-Hinweis.

▸ Tun: Aufgabenblatt des Ausrichters öffnen → Block „Vereinslogo für den Stream" → Logo hochladen.
✓ Erwartung: Der Ausrichter sieht die Anforderungen (PNG, transparent, min. 600×300), lädt hoch und bekommt sofort die Prüf-Rückmeldung. Das Logo landet direkt am Event.

▸ Tun: Event → Aufgaben → Kategorie „Ausrichter" (bzw. Aufgabenpaket anwenden).
✓ Erwartung: Aufgabe „Vereinslogo als PNG mit transparentem Hintergrund liefern" ist enthalten (Position 13) und beschreibt die Anforderungen genau.

▸ Tun: Overlay-Studio: Bild-Ebene anlegen → Quelle „Ausrichter-Logo (aus dem JEM)". Overlay mit ?event=<ID> öffnen. Zusätzlich {logo_ausrichter} in einen Text setzen.
✓ Erwartung: Das Logo erscheint im Overlay automatisch, ohne es dort hochzuladen. Ohne hinterlegtes Logo bleibt die Ebene leer (kein Platzhalter-Kasten im Stream).

▸ Tun: (a) Bild-Picker: ✂️-Knopf auf einer Kachel. (b) Rechtsklick auf eine Kachel → Kontextmenü. (c) Bild-Ebene → „✂️ Bearbeiten".
✓ Erwartung: Alle drei Wege öffnen den Editor mit dem richtigen Bild. Links die Werkzeuge (Zuschneiden, Drehen, Spiegeln, Zeichnen, Text, Filter), oben unsere Zusatzknöpfe.

▸ Tun: Ein Bild zuschneiden und drehen, dann „💾 Als neues Bild" speichern.
✓ Erwartung: Ergebnis erscheint als NEUES Bild in der Mediathek — das Original bleibt unverändert. Wurde vom Ebenen-Knopf aus bearbeitet, nutzt die Ebene danach automatisch die neue Fassung.

▸ Tun: Ein Logo mit weißem/farbigem Hintergrund öffnen → „🪄 Hintergrund entfernen (KI)". Ein paar Sekunden warten.
✓ Erwartung: Motiv wird freigestellt, Hintergrund ist transparent (Schachbrett sichtbar). Die Statuszeile bestätigt: „freigestellt — transparenter Hintergrund erkannt".

▸ Tun: Bei einem Logo auf einfarbigem Kasten „💧 Farbe → transparent" → Toleranz einstellen → Anwenden.
✓ Erwartung: Die Farbe der linken oberen Ecke verschwindet. Mit der Toleranz lässt sich steuern, wie viel weggenommen wird. Schneller als die KI, gut für einfache Fälle.

▸ Tun: Ein Bild mit deckendem Hintergrund in eine Bild-Ebene laden und die Eigenschaften ansehen.
✓ Erwartung: Unter dem Bild steht eine Warnung („kein transparenter Hintergrund") plus Knopf „🪄 Jetzt freistellen", der direkt den Editor mit KI startet.

▸ Tun: Im Editor „♻️ Original ersetzen" wählen und bestätigen.
✓ Erwartung: Sicherheitsfrage kommt zuerst. Danach ist die Datei überschrieben und alle Overlays, die das Bild nutzen, zeigen die neue Fassung.

▸ Tun: Bild-Ebene → Quelle „Ausrichter-Logo (JEM)" → „📥 Logo in die Mediathek übernehmen".
✓ Erwartung: Logo wird kopiert, die Ebene stellt auf die Kopie um (Seitenverhältnis übernommen). Danach ist es offline-tauglich UND im Editor bearbeitbar.