Frühe Version
Chatango Integration richtet Raumname, Widget-Position und Chat-Thema ein – mit einer sicheren lokalen Kontrolle statt einer LIVE-Auslösung.
das Widget zeigt die gewählte Position ohne einen externen Chat zu öffnen
LTTH Dashboard; externe Endpunkte bleiben in dieser Anleitung getrennt. Dieser konkrete Chatango Integration-Ablauf behandelt Raumname, Widget-Position und Chat-Thema.
Keine echten API-Schlüssel oder Konten eingeben; Platzhalter bleiben Platzhalter. Dieser konkrete Chatango Integration-Ablauf behandelt Raumname, Widget-Position und Chat-Thema.
Chatango Integration richtet Raumname, Widget-Position und Chat-Thema ein – mit einer sicheren lokalen Kontrolle statt einer LIVE-Auslösung.
Streamer:innen, die Raumname, Widget-Position und Chat-Thema zuerst ohne LIVE-Auswirkung einrichten möchten.
Öffne im Plugin Manager „Chatango Integration“, aktiviere es bei Bedarf und rufe dann die lokale Konfiguration auf.
/plugins/chatango/ui.html
Der Golden Path für Raumname, Widget-Position und Chat-Thema beginnt auf /plugins/chatango/ui.html; „Private Nachrichten erlauben“ (#allowPM) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/chatango/config.
Der lokale Test für Raumname, Widget-Position und Chat-Thema läuft auf /plugins/chatango/ui.html; „Private Nachrichten erlauben“ (#allowPM) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/chatango/config.
Für Raumname, Widget-Position und Chat-Thema führt die reale Overlay-URL /plugins/chatango/ui.html zur lokalen Vorschau. „Private Nachrichten erlauben“ (#allowPM) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/chatango/config.
#config-formStandard im Testprofil „#config-form“ (#config-form) auf /plugins/chatango/ui.html startet ohne vorgegebenen Wert; lege ihn beim Einrichten fest.
Werte und Grenzen Für „#config-form“ (#config-form) auf /plugins/chatango/ui.html gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.
Abhängigkeiten „#config-form“ (#config-form) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„#config-form“ (#config-form) nimmt auf /plugins/chatango/ui.html den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.
#roomHandleStandard im Testprofil Vorgegebener Wert für „Chatango-Raumname“ (#roomHandle) auf /plugins/chatango/ui.html: „empty“.
Werte und Grenzen Für „Chatango-Raumname“ (#roomHandle) auf /plugins/chatango/ui.html gibt es keine feste Auswahlliste; verwende einen zur Einrichtung passenden Wert.
Abhängigkeiten „Chatango-Raumname“ (#roomHandle) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Chatango-Raumname“ (#roomHandle) nimmt auf /plugins/chatango/ui.html den für diese Plugin-Konfiguration benötigten Freitext oder Wert entgegen.
#widgetPositionStandard im Testprofil Vorgegebener Wert für „Widget-Position“ (#widgetPosition) auf /plugins/chatango/ui.html: „br“.
Werte und Grenzen Für „Widget-Position“ (#widgetPosition) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: br, bl, tr, tl.
Abhängigkeiten „Widget-Position“ (#widgetPosition) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Widget-Position“ (#widgetPosition) bietet auf /plugins/chatango/ui.html diese statisch definierten Werte: br, bl, tr, tl.
#btn-previewStandard im Testprofil Vorgegebener Wert für „Einbettung ansehen“ (#btn-preview) auf /plugins/chatango/ui.html: „action“.
Werte und Grenzen Für „Einbettung ansehen“ (#btn-preview) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: action.
Abhängigkeiten „Einbettung ansehen“ (#btn-preview) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
Mit „Einbettung ansehen“ (#btn-preview) auf /plugins/chatango/ui.html führst du die zugehörige Aktion aus.
#close-preview-btnStandard im Testprofil Vorgegebener Wert für „Vorschau schließen“ (#close-preview-btn) auf /plugins/chatango/ui.html: „action“.
Werte und Grenzen Für „Vorschau schließen“ (#close-preview-btn) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: action.
Abhängigkeiten „Vorschau schließen“ (#close-preview-btn) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
Mit „Vorschau schließen“ (#close-preview-btn) auf /plugins/chatango/ui.html führst du die zugehörige Aktion aus.
#allowPMStandard im Testprofil Vorgegebener Wert für „Private Nachrichten erlauben“ (#allowPM) auf /plugins/chatango/ui.html: „unchecked“.
Werte und Grenzen Für „Private Nachrichten erlauben“ (#allowPM) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: checked, unchecked.
Abhängigkeiten „Private Nachrichten erlauben“ (#allowPM) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Private Nachrichten erlauben“ (#allowPM) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus.
#collapsedHeightStandard im Testprofil Vorgegebener Wert für „Eingeklappte Höhe (px)“ (#collapsedHeight) auf /plugins/chatango/ui.html: „30“.
Werte und Grenzen Für „Eingeklappte Höhe (px)“ (#collapsedHeight) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: 20 to 100.
Abhängigkeiten „Eingeklappte Höhe (px)“ (#collapsedHeight) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Eingeklappte Höhe (px)“ (#collapsedHeight) begrenzt den Eingabewert auf den deklarierten Bereich 20 to 100.
#collapsedWidthStandard im Testprofil Vorgegebener Wert für „Eingeklappte Breite (px)“ (#collapsedWidth) auf /plugins/chatango/ui.html: „75“.
Werte und Grenzen Für „Eingeklappte Breite (px)“ (#collapsedWidth) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: 50 to 200.
Abhängigkeiten „Eingeklappte Breite (px)“ (#collapsedWidth) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Eingeklappte Breite (px)“ (#collapsedWidth) begrenzt den Eingabewert auf den deklarierten Bereich 50 to 200.
#copy-dashboard-btnStandard im Testprofil Vorgegebener Wert für „Code kopieren“ (#copy-dashboard-btn) auf /plugins/chatango/ui.html: „action“.
Werte und Grenzen Für „Code kopieren“ (#copy-dashboard-btn) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: action.
Abhängigkeiten „Code kopieren“ (#copy-dashboard-btn) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
Mit „Code kopieren“ (#copy-dashboard-btn) auf /plugins/chatango/ui.html führst du die zugehörige Aktion aus.
#copy-widget-btnStandard im Testprofil Vorgegebener Wert für „Code kopieren“ (#copy-widget-btn) auf /plugins/chatango/ui.html: „action“.
Werte und Grenzen Für „Code kopieren“ (#copy-widget-btn) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: action.
Abhängigkeiten „Code kopieren“ (#copy-widget-btn) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
Mit „Code kopieren“ (#copy-widget-btn) auf /plugins/chatango/ui.html führst du die zugehörige Aktion aus.
#dashboardEnabledStandard im Testprofil Vorgegebener Wert für „Chat-Panel im Dashboard aktivieren“ (#dashboardEnabled) auf /plugins/chatango/ui.html: „unchecked“.
Werte und Grenzen Für „Chat-Panel im Dashboard aktivieren“ (#dashboardEnabled) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: checked, unchecked.
Abhängigkeiten „Chat-Panel im Dashboard aktivieren“ (#dashboardEnabled) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Chat-Panel im Dashboard aktivieren“ (#dashboardEnabled) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus.
#enabledStandard im Testprofil Vorgegebener Wert für „Chatango-Integration aktivieren“ (#enabled) auf /plugins/chatango/ui.html: „unchecked“.
Werte und Grenzen Für „Chatango-Integration aktivieren“ (#enabled) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: checked, unchecked.
Abhängigkeiten „Chatango-Integration aktivieren“ (#enabled) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Chatango-Integration aktivieren“ (#enabled) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus.
#fontSizeStandard im Testprofil Vorgegebener Wert für „Schriftgröße“ (#fontSize) auf /plugins/chatango/ui.html: „8“.
Werte und Grenzen Für „Schriftgröße“ (#fontSize) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: 8, 10, 12, 14.
Abhängigkeiten „Schriftgröße“ (#fontSize) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Schriftgröße“ (#fontSize) bietet auf /plugins/chatango/ui.html diese statisch definierten Werte: 8, 10, 12, 14.
#showTickerStandard im Testprofil Vorgegebener Wert für „Nachrichten-Ticker anzeigen“ (#showTicker) auf /plugins/chatango/ui.html: „unchecked“.
Werte und Grenzen Für „Nachrichten-Ticker anzeigen“ (#showTicker) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: checked, unchecked.
Abhängigkeiten „Nachrichten-Ticker anzeigen“ (#showTicker) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Nachrichten-Ticker anzeigen“ (#showTicker) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus.
#themeStandard im Testprofil Vorgegebener Wert für „Darstellung“ (#theme) auf /plugins/chatango/ui.html: „night“.
Werte und Grenzen Für „Darstellung“ (#theme) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: night, day, contrast.
Abhängigkeiten „Darstellung“ (#theme) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Darstellung“ (#theme) bietet auf /plugins/chatango/ui.html diese statisch definierten Werte: night, day, contrast.
#widgetEnabledStandard im Testprofil Vorgegebener Wert für „Schwebendes Widget aktivieren“ (#widgetEnabled) auf /plugins/chatango/ui.html: „unchecked“.
Werte und Grenzen Für „Schwebendes Widget aktivieren“ (#widgetEnabled) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: checked, unchecked.
Abhängigkeiten „Schwebendes Widget aktivieren“ (#widgetEnabled) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Schwebendes Widget aktivieren“ (#widgetEnabled) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus.
#widgetHeightStandard im Testprofil Vorgegebener Wert für „Widget-Höhe (px)“ (#widgetHeight) auf /plugins/chatango/ui.html: „300“.
Werte und Grenzen Für „Widget-Höhe (px)“ (#widgetHeight) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: 200 to 600.
Abhängigkeiten „Widget-Höhe (px)“ (#widgetHeight) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Widget-Höhe (px)“ (#widgetHeight) begrenzt den Eingabewert auf den deklarierten Bereich 200 to 600.
#widgetWidthStandard im Testprofil Vorgegebener Wert für „Widget-Breite (px)“ (#widgetWidth) auf /plugins/chatango/ui.html: „200“.
Werte und Grenzen Für „Widget-Breite (px)“ (#widgetWidth) auf /plugins/chatango/ui.html sind diese Werte vorgesehen: 150 to 500.
Abhängigkeiten „Widget-Breite (px)“ (#widgetWidth) steht auf /plugins/chatango/ui.html in dieser Konfigurationsansicht bereit; weitere statische Abhängigkeiten sind nicht deklariert.
„Widget-Breite (px)“ (#widgetWidth) begrenzt den Eingabewert auf den deklarierten Bereich 150 to 500.
/plugins/chatango/ui.html - Lokale Konfigurationsoberfläche /plugins/chatango/ui.html im isolierten Testprofil./plugins/chatango/ui.html - Lokale Overlay-URL /plugins/chatango/ui.html für eine temporäre Browserquelle.GET /api/chatango/config - Lokale REST-Referenz GET /api/chatango/config. Der Guide zeigt sie nur an und sendet keine Anfrage.POST /api/chatango/config - Lokale REST-Referenz POST /api/chatango/config. Der Guide zeigt sie nur an und sendet keine Anfrage.GET /api/chatango/embed - Lokale REST-Referenz GET /api/chatango/embed. Der Guide zeigt sie nur an und sendet keine Anfrage.GET /api/chatango/status - Lokale REST-Referenz GET /api/chatango/status. Der Guide zeigt sie nur an und sendet keine Anfrage.GET /api/chatango/themes - Lokale REST-Referenz GET /api/chatango/themes. Der Guide zeigt sie nur an und sendet keine Anfrage.chatango:config - Socket-Ereignis chatango:config. Es beschreibt ein vom Plugin registriertes Signal.notification - Socket-Ereignis notification. Es beschreibt ein vom Plugin registriertes Signal.#config-form - Dokumentiert in Chatango Card im Testprofil konfigurieren#roomHandle - Dokumentiert in Room Placeholder im Testprofil konfigurieren#widgetPosition - Dokumentiert in Widget Position im Testprofil konfigurieren#btn-preview - Dokumentiert in Widget Preview lokal testen#close-preview-btn - Dokumentiert in Chatango Review lokal testen#allowPM - Dokumentiert in Referenz der Workflow-Steuerelemente#collapsedHeight - Dokumentiert in Referenz der Workflow-Steuerelemente#collapsedWidth - Dokumentiert in Referenz der Workflow-Steuerelemente#copy-dashboard-btn - Dokumentiert in Referenz der Workflow-Steuerelemente#copy-widget-btn - Dokumentiert in Referenz der Workflow-Steuerelemente#dashboardEnabled - Dokumentiert in Referenz der Workflow-Steuerelemente#enabled - Dokumentiert in Referenz der Workflow-Steuerelemente#fontSize - Dokumentiert in Referenz der Workflow-Steuerelemente#showTicker - Dokumentiert in Referenz der Workflow-Steuerelemente#theme - Dokumentiert in Referenz der Workflow-Steuerelemente#widgetEnabled - Dokumentiert in Referenz der Workflow-Steuerelemente#widgetHeight - Dokumentiert in Referenz der Workflow-Steuerelemente#widgetWidth - Dokumentiert in Referenz der Workflow-SteuerelementePrüfschritte „Private Nachrichten erlauben“ (#allowPM) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/chatango/config.
Lösung Öffne /plugins/chatango/ui.html, prüfe den im Symptom genannten Zustand und wiederhole anschließend den lokalen Test. „Private Nachrichten erlauben“ (#allowPM) schaltet das zugehörige Verhalten auf /plugins/chatango/ui.html ein oder aus. Im Plugin-Code deklarierte Schnittstelle: GET /api/chatango/config.
Arbeite im sichtbaren Bereich Chatango Card von Raumname, Widget-Position und Chat-Thema. 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.
Arbeite im sichtbaren Bereich Room Placeholder von Raumname, Widget-Position und Chat-Thema. Verwende nur lokale Demo-Werte; keine Zugangsdaten, Geraete-ID oder LIVE-Ziel.
Daran erkennst du den Erfolg: Der Demo-Wert ist sichtbar und kann vor dem Test geprüft werden.
Arbeite im sichtbaren Bereich Widget Position von Raumname, Widget-Position und Chat-Thema. Verwende nur lokale Demo-Werte; keine Zugangsdaten, Geraete-ID oder LIVE-Ziel.
Daran erkennst du den Erfolg: Der Demo-Wert ist sichtbar und kann vor dem Test geprüft werden.
Fuehre Widget Preview nur mit die lokale Widget-Vorschau mit einem Platzhalterraum im isolierten Testprofil aus; keine LIVE-Quelle, Hardware oder externe Verbindung wird benutzt.
Daran erkennst du den Erfolg: das Widget zeigt die gewählte Position ohne einen externen Chat zu öffnen
Fuehre Chatango Review nur mit die lokale Widget-Vorschau mit einem Platzhalterraum im isolierten Testprofil aus; keine LIVE-Quelle, Hardware oder externe Verbindung wird benutzt.
Daran erkennst du den Erfolg: das Widget zeigt die gewählte Position ohne einen externen Chat zu öffnen
Füge diese URL erst in eine nicht gesendete OBS-Testszene als Browser-Quelle ein.
/plugins/chatango/ui.html