Zum Inhalt springen

Funktionsfähige Beta

ClarityHUD

ClarityHUD richtet HUD-Module, Chatbereich und Stream-Overlay ein – mit einer sicheren lokalen Kontrolle statt einer LIVE-Auslösung.

Status
Funktionsfähige Beta
Version
1.1.0

Dein erstes Ergebnis

die gewählten HUD-Bereiche sind in der Vorschau sichtbar

Voraussetzungen

LTTH Dashboard; für die Ausgabe zusätzlich eine OBS-Testszene. Dieser konkrete ClarityHUD-Ablauf behandelt HUD-Module, Chatbereich und Stream-Overlay.

Sicherheitsgrenzen

Nutze eine nicht gesendete OBS-Testszene; LIVE-Ausgaben bleiben deaktiviert. Dieser konkrete ClarityHUD-Ablauf behandelt HUD-Module, Chatbereich und Stream-Overlay.

Zweck und Zielgruppe

ClarityHUD richtet HUD-Module, Chatbereich und Stream-Overlay ein – mit einer sicheren lokalen Kontrolle statt einer LIVE-Auslösung.

Streamer:innen, die HUD-Module, Chatbereich und Stream-Overlay zuerst ohne LIVE-Auswirkung einrichten möchten.

Aktivierung und Navigation

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

/clarityhud/ui

Verifizierte Workflows

ClarityHUD im Testprofil einrichten

Der Golden Path für HUD-Module, Chatbereich und Stream-Overlay beginnt auf /clarityhud/ui; Mit „Abbrechen“ (#cancel-settings-btn) auf /clarityhud/ui führst du die zugehörige Aktion aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/clarityhud/multi/status.

  1. hud-card
  2. hud-modules
  3. chat-region
  4. full-hud-preview
  5. obs-hud-source
  6. hud-reset

die Full-HUD-Vorschau mit Demo-Daten prüfen

Der lokale Test für HUD-Module, Chatbereich und Stream-Overlay läuft auf /clarityhud/ui; Mit „Abbrechen“ (#cancel-settings-btn) auf /clarityhud/ui führst du die zugehörige Aktion aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/clarityhud/multi/status.

  1. full-hud-preview

Overlay sicher prüfen

Für HUD-Module, Chatbereich und Stream-Overlay führt die reale Overlay-URL /overlay/clarity/full zur lokalen Vorschau. Mit „Abbrechen“ (#cancel-settings-btn) auf /clarityhud/ui führst du die zugehörige Aktion aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/clarityhud/multi/status.

  1. obs-hud-source

Referenz der Workflow-Steuerelemente

#plugin-version

Standard im Testprofil „#plugin-version“ (#plugin-version) auf /clarityhud/ui startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „#plugin-version“ (#plugin-version) auf /clarityhud/ui gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „#plugin-version“ (#plugin-version) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„#plugin-version“ (#plugin-version) nimmt auf /clarityhud/ui den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#chat-url

Standard im Testprofil „#chat-url“ (#chat-url) auf /clarityhud/ui startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „#chat-url“ (#chat-url) auf /clarityhud/ui gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „#chat-url“ (#chat-url) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„#chat-url“ (#chat-url) nimmt auf /clarityhud/ui den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#chat-preview

Standard im Testprofil „#chat-preview“ (#chat-preview) auf /clarityhud/ui startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „#chat-preview“ (#chat-preview) auf /clarityhud/ui gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „#chat-preview“ (#chat-preview) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„#chat-preview“ (#chat-preview) nimmt auf /clarityhud/ui den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#full-preview

Standard im Testprofil „#full-preview“ (#full-preview) auf /clarityhud/ui startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „#full-preview“ (#full-preview) auf /clarityhud/ui gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „#full-preview“ (#full-preview) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„#full-preview“ (#full-preview) nimmt auf /clarityhud/ui den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#full-url

Standard im Testprofil „#full-url“ (#full-url) auf /clarityhud/ui startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.

Werte und Grenzen Für „#full-url“ (#full-url) auf /clarityhud/ui gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.

Abhängigkeiten „#full-url“ (#full-url) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

„#full-url“ (#full-url) nimmt auf /clarityhud/ui den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.

#reset-defaults-btn

Standard im Testprofil Vorgegebener Wert für „Auf Standardwerte zurücksetzen“ (#reset-defaults-btn) auf /clarityhud/ui: „action“.

Werte und Grenzen Für „Auf Standardwerte zurücksetzen“ (#reset-defaults-btn) auf /clarityhud/ui sind diese Werte vorgesehen: action.

Abhängigkeiten „Auf Standardwerte zurücksetzen“ (#reset-defaults-btn) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

Mit „Auf Standardwerte zurücksetzen“ (#reset-defaults-btn) auf /clarityhud/ui führst du die zugehörige Aktion aus.

#cancel-settings-btn

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

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

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

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

#chat-settings-btn

Standard im Testprofil Vorgegebener Wert für „Einstellungen“ (#chat-settings-btn) auf /clarityhud/ui: „action“.

Werte und Grenzen Für „Einstellungen“ (#chat-settings-btn) auf /clarityhud/ui sind diese Werte vorgesehen: action.

Abhängigkeiten „Einstellungen“ (#chat-settings-btn) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

Mit „Einstellungen“ (#chat-settings-btn) auf /clarityhud/ui führst du die zugehörige Aktion aus.

#close-settings-modal

Standard im Testprofil Vorgegebener Wert für „Einstellungen schließen“ (#close-settings-modal) auf /clarityhud/ui: „action“.

Werte und Grenzen Für „Einstellungen schließen“ (#close-settings-modal) auf /clarityhud/ui sind diese Werte vorgesehen: action.

Abhängigkeiten „Einstellungen schließen“ (#close-settings-modal) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

Mit „Einstellungen schließen“ (#close-settings-modal) auf /clarityhud/ui führst du die zugehörige Aktion aus.

#close-setup-wizard

Standard im Testprofil Vorgegebener Wert für „Einrichtungsassistent schließen“ (#close-setup-wizard) auf /clarityhud/ui: „action“.

Werte und Grenzen Für „Einrichtungsassistent schließen“ (#close-setup-wizard) auf /clarityhud/ui sind diese Werte vorgesehen: action.

Abhängigkeiten „Einrichtungsassistent schließen“ (#close-setup-wizard) steht auf /clarityhud/ui in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.

Mit „Einrichtungsassistent schließen“ (#close-setup-wizard) auf /clarityhud/ui führst du die zugehörige Aktion aus.

#save-settings-btn

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

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

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

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

Schnittstellen und Integrationen

UI-Inventar

Fehlerbehebung

Wenn HUD-Module, Chatbereich und Stream-Overlay nicht sichtbar ist, prüfe zuerst den aktiven Plugin-Status, die lokale Route und gespeicherte Testwerte.

Prüfschritte Mit „Abbrechen“ (#cancel-settings-btn) auf /clarityhud/ui führst du die zugehörige Aktion aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/clarityhud/multi/status.

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

Schritt für Schritt

  1. 1

    HUD Card im Testprofil konfigurieren

    Arbeite im sichtbaren Bereich HUD Card von HUD-Module, Chatbereich und Stream-Overlay. 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.

    HUD Card im Testprofil konfigurieren - HUD-Module, Chatbereich und Stream-Overlay
    1. HUD Card im Testprofil konfigurieren
  2. 2

    Lokale Chat-HUD-URL pruefen

    Pruefe die angezeigte lokale Chat-HUD-URL. Kopiere sie erst spaeter in eine nicht sendende OBS-Testszenenquelle; in diesem Schritt wird nichts verbunden.

    Daran erkennst du den Erfolg: Die lokale Route /overlay/clarity/chat wird sichtbar angezeigt.

    Lokale Chat-HUD-URL von ClarityHUD
    2. Lokale Chat-HUD-URL pruefen
  3. 3

    Eingebettete Chat-Vorschau pruefen

    Betrachte die eingebaute Chat-Vorschau im lokalen Dashboard. Keine Testnachricht und kein LIVE-Ereignis werden erzeugt.

    Daran erkennst du den Erfolg: Der echte lokale Vorschau-Frame ist sichtbar, auch wenn er ohne Ereignisse leer bleibt.

    Eingebettete lokale ClarityHUD Chat-Vorschau
    3. Eingebettete Chat-Vorschau pruefen
  4. 4

    Full-HUD-Vorschau lokal aktualisieren

    Klicke auf die echte Aktualisieren-Schaltflaeche der Full-HUD-Vorschau. Dadurch wird nur der lokale Vorschau-Frame im isolierten Profil neu geladen; keine LIVE-Quelle wird verbunden.

    Daran erkennst du den Erfolg: Der echte Full-HUD-Frame wurde lokal aktualisiert und bleibt sichtbar.

    Aktualisierte lokale ClarityHUD-Full-HUD-Vorschau
    4. Full-HUD-Vorschau lokal aktualisieren
  5. 5

    Die echte Full-HUD-URL als OBS-Browserquelle verwenden

    Kopiere die sichtbare Full-HUD-URL und fuege sie in eine OBS-Browserquelle ein. Ein leeres Overlay zeigt ohne Ereignisdaten absichtlich nichts; die URL in der Konfiguration ist der echte Einstieg.

    Daran erkennst du den Erfolg: Die konkrete Full-HUD-URL ist sichtbar und kann ohne erfundene Overlay-Inhalte kopiert werden.

    Die echte Full-HUD-URL als OBS-Browserquelle verwenden - HUD-Module, Chatbereich und Stream-Overlay
    5. Die echte Full-HUD-URL als OBS-Browserquelle verwenden
  6. 6

    HUD Reset: Einstellungen oeffnen

    Klicke auf den echten Button „Settings“ der Chat-HUD-Karte. Es wird nur der lokale Einstellungsdialog geoeffnet; die Reset-Schaltflaeche wird nicht ausgefuehrt.

    Daran erkennst du den Erfolg: Im Einstellungsdialog ist „Reset to Defaults“ sichtbar, ohne dass Einstellungen geaendert wurden.

    HUD Reset: Einstellungen oeffnen - HUD-Module, Chatbereich und Stream-Overlay
    6. HUD Reset: Einstellungen oeffnen

Overlay und OBS

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

/overlay/clarity/full

Nächste passende Tutorials

Alle Plugin-Tutorials