Zum Inhalt springen

Entwicklungs-Beta

Spotlight

Spotlight richtet Ereignistyp, Anzeigedauer und Spotlight-Stil ein – mit einer sicheren lokalen Kontrolle statt einer LIVE-Auslösung.

Status
Entwicklungs-Beta
Version
1.1.6

Dein erstes Ergebnis

die Spotlight-Karte wird in der Vorschau gerendert

Voraussetzungen

LTTH Dashboard; für die Ausgabe zusätzlich eine OBS-Testszene. Dieser konkrete Spotlight-Ablauf behandelt Ereignistyp, Anzeigedauer und Spotlight-Stil.

Sicherheitsgrenzen

Nutze eine nicht gesendete OBS-Testszene; LIVE-Ausgaben bleiben deaktiviert. Dieser konkrete Spotlight-Ablauf behandelt Ereignistyp, Anzeigedauer und Spotlight-Stil.

Zweck und Zielgruppe

Spotlight richtet Ereignistyp, Anzeigedauer und Spotlight-Stil ein – mit einer sicheren lokalen Kontrolle statt einer LIVE-Auslösung.

Streamer:innen, die Ereignistyp, Anzeigedauer und Spotlight-Stil zuerst ohne LIVE-Auswirkung einrichten möchten.

Aktivierung und Navigation

Öffne im Plugin Manager „Spotlight“, aktiviere es bei Bedarf und rufe dann die lokale Konfiguration auf.

/plugins/spotlight/ui/main.html

Verifizierte Workflows

eine lokale Chatter-Vorschau prüfen

Der lokale Test für Ereignistyp, Anzeigedauer und Spotlight-Stil läuft auf /plugins/spotlight/ui/main.html; Mit „Abbrechen“ (#cancel-settings-btn) auf /plugins/spotlight/ui/main.html führst du die zugehörige Aktion aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/lastevent/all.

  1. chatter-preview

Overlay sicher prüfen

Für Ereignistyp, Anzeigedauer und Spotlight-Stil führt die reale Overlay-URL /plugins/spotlight/overlays/chatter.html zur lokalen Vorschau. Mit „Abbrechen“ (#cancel-settings-btn) auf /plugins/spotlight/ui/main.html führst du die zugehörige Aktion aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/lastevent/all.

  1. spotlight-overlay

Referenz der Workflow-Steuerelemente

#overlay-grid

Standard im Testprofil „#overlay-grid“ (#overlay-grid) auf /plugins/spotlight/ui/main.html startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „#overlay-grid“ (#overlay-grid) auf /plugins/spotlight/ui/main.html gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „#overlay-grid“ (#overlay-grid) steht auf /plugins/spotlight/ui/main.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„#overlay-grid“ (#overlay-grid) nimmt auf /plugins/spotlight/ui/main.html den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#designVariant

Standard im Testprofil „#designVariant“ (#designVariant) auf /plugins/spotlight/ui/main.html startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „#designVariant“ (#designVariant) auf /plugins/spotlight/ui/main.html gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „#designVariant“ (#designVariant) steht auf /plugins/spotlight/ui/main.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„#designVariant“ (#designVariant) nimmt auf /plugins/spotlight/ui/main.html den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#fadeDuration

Standard im Testprofil „#fadeDuration“ (#fadeDuration) auf /plugins/spotlight/ui/main.html startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „#fadeDuration“ (#fadeDuration) auf /plugins/spotlight/ui/main.html gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „#fadeDuration“ (#fadeDuration) steht auf /plugins/spotlight/ui/main.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„#fadeDuration“ (#fadeDuration) nimmt auf /plugins/spotlight/ui/main.html den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#preview-test-btn

Standard im Testprofil Vorgegebener Wert für „Testen“ (#preview-test-btn) auf /plugins/spotlight/ui/main.html: „action“.

Werte und Grenzen Für „Testen“ (#preview-test-btn) auf /plugins/spotlight/ui/main.html sind diese Werte vorgesehen: action.

Abhängigkeiten „Testen“ (#preview-test-btn) steht auf /plugins/spotlight/ui/main.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

Mit „Testen“ (#preview-test-btn) auf /plugins/spotlight/ui/main.html führst du die zugehörige Aktion aus.

button[data-action="preview"][data-type="chatter"]

Standard im Testprofil „button[data-action="preview"][data-type="chatter"]“ (button[data-action="preview"][data-type="chatter"]) auf /plugins/spotlight/ui/main.html startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „button[data-action="preview"][data-type="chatter"]“ (button[data-action="preview"][data-type="chatter"]) auf /plugins/spotlight/ui/main.html gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „button[data-action="preview"][data-type="chatter"]“ (button[data-action="preview"][data-type="chatter"]) steht auf /plugins/spotlight/ui/main.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„button[data-action="preview"][data-type="chatter"]“ (button[data-action="preview"][data-type="chatter"]) nimmt auf /plugins/spotlight/ui/main.html den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#close-preview-btn

Standard im Testprofil Vorgegebener Wert für „Schließen“ (#close-preview-btn) auf /plugins/spotlight/ui/main.html: „action“.

Werte und Grenzen Für „Schließen“ (#close-preview-btn) auf /plugins/spotlight/ui/main.html sind diese Werte vorgesehen: action.

Abhängigkeiten „Schließen“ (#close-preview-btn) steht auf /plugins/spotlight/ui/main.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

Mit „Schließen“ (#close-preview-btn) auf /plugins/spotlight/ui/main.html führst du die zugehörige Aktion aus.

#cancel-settings-btn

Standard im Testprofil Vorgegebener Wert für „Abbrechen“ (#cancel-settings-btn) auf /plugins/spotlight/ui/main.html: „action“.

Werte und Grenzen Für „Abbrechen“ (#cancel-settings-btn) auf /plugins/spotlight/ui/main.html sind diese Werte vorgesehen: action.

Abhängigkeiten „Abbrechen“ (#cancel-settings-btn) steht auf /plugins/spotlight/ui/main.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

Mit „Abbrechen“ (#cancel-settings-btn) auf /plugins/spotlight/ui/main.html führst du die zugehörige Aktion aus.

#save-settings-btn

Standard im Testprofil Vorgegebener Wert für „Einstellungen speichern“ (#save-settings-btn) auf /plugins/spotlight/ui/main.html: „action“.

Werte und Grenzen Für „Einstellungen speichern“ (#save-settings-btn) auf /plugins/spotlight/ui/main.html sind diese Werte vorgesehen: action.

Abhängigkeiten „Einstellungen speichern“ (#save-settings-btn) steht auf /plugins/spotlight/ui/main.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

Mit „Einstellungen speichern“ (#save-settings-btn) auf /plugins/spotlight/ui/main.html führst du die zugehörige Aktion aus.

Schnittstellen und Integrationen

UI-Inventar

Fehlerbehebung

Wenn Ereignistyp, Anzeigedauer und Spotlight-Stil nicht sichtbar ist, prüfe zuerst den aktiven Plugin-Status, die lokale Route und gespeicherte Testwerte.

Prüfschritte Mit „Abbrechen“ (#cancel-settings-btn) auf /plugins/spotlight/ui/main.html führst du die zugehörige Aktion aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/lastevent/all.

Lösung Öffne /plugins/spotlight/ui/main.html, prüfe den im Symptom genannten Zustand und wiederhole anschließend den lokalen Test. Mit „Abbrechen“ (#cancel-settings-btn) auf /plugins/spotlight/ui/main.html führst du die zugehörige Aktion aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/lastevent/all.

Schritt für Schritt

  1. 1

    Spotlight Card im Testprofil konfigurieren

    Arbeite im sichtbaren Bereich Spotlight Card von Ereignistyp, Anzeigedauer und Spotlight-Stil. Verwende nur lokale Demo-Werte; keine Zugangsdaten, Geraete-ID oder LIVE-Ziel.

    Daran erkennst du den Erfolg: Die passende Plugin-Oberfläche ist eindeutig sichtbar.

    Spotlight Card im Testprofil konfigurieren - Ereignistyp, Anzeigedauer und Spotlight-Stil
    1. Spotlight Card im Testprofil konfigurieren
  2. 2

    Chatter-Design im echten Settings-Dialog auswählen

    Öffne auf der Chatter-Karte „Settings“ und prüfe das echte Feld „Choose a Design Style“. Die Dokumentation wählt darin nur eine vorhandene Variante im frischen Testprofil und speichert nichts.

    Daran erkennst du den Erfolg: Das echte Auswahlfeld „Choose a Design Style“ zeigt eine verfügbare Chatter-Variante.

    Chatter-Design im echten Settings-Dialog auswählen - Ereignistyp, Anzeigedauer und Spotlight-Stil
    2. Chatter-Design im echten Settings-Dialog auswählen
  3. 3

    Die echte Fade-Dauer prüfen

    Im Settings-Dialog steuert das echte Feld „Fade Duration“ die Dauer der Ein- und Ausblendung. Prüfe es vor dem Speichern; dieser Dokumentationsschritt ändert keinen Wert.

    Daran erkennst du den Erfolg: Das echte Eingabefeld „Fade Duration“ ist im Chatter-Settings-Dialog sichtbar.

    Die echte Fade-Dauer prüfen - Ereignistyp, Anzeigedauer und Spotlight-Stil
    3. Die echte Fade-Dauer prüfen
  4. 4

    Chatter-Vorschau mit dem echten Test ausloesen

    Klicke auf der Chatter-Karte auf „Preview“ und dann im Dialog auf „Test“. Das Ereignis wird nur im isolierten lokalen Profil gesendet; keine OBS- oder LIVE-Quelle wird geaendert.

    Daran erkennst du den Erfolg: Der Test-Button ist in der echten Vorschau sichtbar.

    Chatter-Vorschau mit dem echten Test ausloesen - Ereignistyp, Anzeigedauer und Spotlight-Stil
    4. Chatter-Vorschau mit dem echten Test ausloesen
  5. 5

    Chatter-Vorschau über die Karte öffnen

    Nutze in der nicht sendenden OBS-Testszene den sichtbaren Preview-Button der Chatter-Karte. Der Screenshot dokumentiert diesen echten Einstieg statt eines leeren Overlay-Iframes. Lokaler Overlay-Pfad: `/plugins/spotlight/overlays/chatter.html`.

    Daran erkennst du den Erfolg: Der Chatter-Preview-Einstieg ist sichtbar und kann anschließend bewusst in der Testszene verwendet werden.

    Chatter-Vorschau über die Karte öffnen
    5. Chatter-Vorschau über die Karte öffnen
  6. 6

    Spotlight-Vorschau sauber schliessen

    Nutze im echten Vorschau-Dialog „Close“. Das beendet nur die lokale Vorschau; es loescht keine Einstellungen und aendert keine produktive Browser-Quelle.

    Daran erkennst du den Erfolg: Der echte Close-Button ist vor dem Verlassen der Vorschau sichtbar.

    Spotlight-Vorschau sauber schliessen - Ereignistyp, Anzeigedauer und Spotlight-Stil
    6. Spotlight-Vorschau sauber schliessen

Overlay und OBS

Füge diese URL erst in eine nicht gesendete OBS-Testszene als Browser-Quelle ein.

/plugins/spotlight/overlays/chatter.html

Nächste passende Tutorials

Alle Plugin-Tutorials