Zum Inhalt springen
Craftium

Anleitung: Comic-Alarm einrichten

Etwa fünf Minuten. Du brauchst ein kostenloses StreamElements-Konto und die Dateien aus deinem Etsy-Download.

Bevor es losgeht

  • Ein kostenloses StreamElements-Konto, angemeldet mit dem Kanal, auf dem du streamst.
  • Dein Etsy-Download, entpackt. Die Dateien der Alertbox liegen im Ordner comic-alert: vier Dateien html.txt, css.txt, js.txt und fields.txt im Ordner deines Stils, beim Bundle mit Stil-Umschalter in comic-alert/bundle.
  • Ein Computer mit Chrome, Edge oder Firefox. Auf dem Handy funktioniert der StreamElements-Editor schlecht.

Alertbox in StreamElements einrichten

  1. Overlays öffnen

    Auf streamelements.com anmelden und links auf Overlays klicken. Du nutzt schon unseren Comic Chat oder das Glücksrad? Dann kommt die Alertbox ins selbe Overlay, weiter mit Schritt 3.

  2. Neues Overlay anlegen

    Auf New overlay klicken, 1080p (1920 × 1080) wählen und Start. Die Einführungstour schließen und dem Overlay einen Namen geben.

  3. Custom Widget hinzufügen

    Auf Add widget (das +) klicken, dann Static / Custom und Custom widget. Oben links erscheint ein kleiner Kasten.

  4. Code-Editor öffnen

    Das neue Widget ist ausgewählt: links auf Open editor klicken. Du siehst fünf Reiter: HTML CSS JS Fields Data.

  5. Alle vier Reiter ersetzen

    Für HTML, CSS, JS und Fields: die passende Datei öffnen (zum Beispiel html.txt), alles kopieren, in den Reiter klicken, mit Strg + A (Mac: Cmd + A) alles markieren, löschen und einfügen. Data so lassen und auf Done klicken.

    Alle vier ersetzen, auch wenn ein Reiter harmlos aussieht. StreamElements füllt CSS und JS mit einem Beispiel-Widget.

  6. Kasten einstellen

    Ein neues Custom Widget ist nur 290 × 180 Pixel groß. Position, size and style öffnen und den Kasten dorthin legen, wo die Alerts erscheinen sollen, zum Beispiel 800 × 450 in der Mitte oder den ganzen Bildschirm 1920 × 1080.

    Jede Größe geht: Der Alert passt sich in den Kasten ein und wird nie abgeschnitten. Size inside the widget box und Position inside the widget box machen ihn kleiner oder setzen ihn nach oben oder unten.

  7. Alte Alertbox noch an?

    Ist deine StreamElements-AlertBox noch im Overlay, zeigen beide jedes Ereignis. Schalte dort die Ereignisse aus, die der Comic-Alarm zeigen soll, oder entferne die alte AlertBox.

  8. Speichern und testen

    Auf Save klicken. Dann Test: follow, Test: resub … oder Test: all six: Die Alerts laufen nacheinander.

    Testknöpfe gehen erst nach dem ersten Speichern und nur im Editor. Für OBS Test buttons also work in OBS einschalten. Im Editor bleibt der Ton eventuell still, bis du in die Seite klickst.

Deine Alerts

Ereignisse: Unter Alerts schaltest du jede Art an oder aus: Follows, Abos und Resubs (auch YouTube-Mitglieder), Geschenk-Abos (gebündelt zu einem Alert), Bits (und Kick-KICKs), Trinkgeld (und YouTube Super Chats), Raids. Geschenke, Bits, Trinkgeld und Raids haben einen Mindestwert.

Stufen: Unter Bigger alerts for bigger moments stehen je Ereignis drei Zahlen, zum Beispiel 5, 20, 50 für Trinkgeld: unter 5 ist Stufe 1, ab 5 Stufe 2, ab 20 Stufe 3, ab 50 Stufe 4. Höhere Stufen bringen eine größere Explosion, mehr Konfetti, Lichtstrahlen, Wackeln und einen Blitz.

Texte: Unter Texts schreibst du je Ereignis eine eigene Überschrift mit %name% und %amount% (Monate, Geschenke, Bits, Trinkgeld oder Raider). Leer = der Text deiner Sprache. Blocked words blendet Nachrichten mit Wörtern deiner Wahl aus.

Ton und Stimme: Play sounds spielt den Comic-Treffer deines Stils, je Stufe größer. Own sound for follows und die anderen Ton-Felder nehmen stattdessen eine Datei aus deiner StreamElements-Mediathek. Read viewer messages aloud liest Nachrichten zu Resubs, Bits und Trinkgeld mit einer StreamElements-Stimme vor; der Alert bleibt, bis die Stimme fertig ist.

Mod-Befehle: Du und deine Mods schreiben !alert pause, !alert resume, !alert skip, !alert clear (wartende verwerfen), !alert replay, !alert mute und !alert unmute. Pause und Stumm bleiben nach einem Neustart von OBS; während der Pause zeigt der Editor einen kleinen Hinweis. Das Wort änderst du unter Command word, leer = aus. Überspringen, Stumm und Wiederholen im Activity-Feed von StreamElements wirken auch.

Overlay in OBS einbinden

  1. In deiner Overlay-Liste auf StreamElements das Menü … des Overlays öffnen und Copy URL wählen. Diesen Link niemandem zeigen: Er enthält einen Schlüssel zu deinem Konto.
  2. In OBS Studio unter Sources (Quellen) auf + klicken und Browser wählen. Den Link als URL einfügen, Breite 1920 und Höhe 1080.
  3. Für Ton und Stimme Control audio via OBS (Audio über OBS steuern) einschalten: Dann haben die Alerts einen eigenen Regler im Audio-Mixer.
  4. Shutdown source when not visible und Refresh browser when scene becomes active ausgeschaltet lassen, sonst lädt die Alertbox bei jedem Szenenwechsel neu und wartende Alerts gehen verloren.

Streamlabs Desktop: Add Source → Browser Source, gleicher Link, gleiche Einstellungen.

Weitere Einstellungen

Im Overlay-Editor von StreamElements auf das Widget klicken. Die Einstellungen stehen links. Nach Änderungen auf Save klicken.

EinstellungWirkung
Comic styleNur im Bundle: Pop Art, Manga oder Neon. Jederzeit umschaltbar.
Language of the alert textsDeutsch, English, Español, Português oder Français.
Color themeKlassische, Nacht- oder Pastellfarben deines Stils.
Seconds per alert3 bis 20 Sekunden; mit Text-to-Speech bleibt der Alert, bis die Stimme fertig ist.
Show the viewer’s profile picture / Show the viewer’s messageProfilbild (gezeichnetes Gesicht, wenn keins da ist) und Nachricht, jeweils an oder aus.
Calm modeKeine Blitze, kein Flackern, kein Wackeln; die Alerts bewegen sich trotzdem.
Who may use the commandsDu und deine Mods oder nur du.
Hold other StreamElements alerts while a comic alert playsAndere StreamElements-Alerts warten, höchstens so viele Sekunden. 0 = sie warten nicht.

Hilfe

Es erscheint nichts
  • Alle vier Reiter ersetzt und auf Save geklickt?
  • Kasten größer als 290 × 180?
  • OBS-Browserquelle auf 1920 × 1080 und mit dem Link des richtigen Overlays?
  • Alerts pausiert? Schreib !alert resume.
Ein Ereignis kam, aber kein Alert

Den Schalter dieser Art unter Alerts und den Mindestwert prüfen. Alerts warten in einer Reihe: Der nächste kommt, wenn der laufende fertig ist.

Jedes Ereignis erscheint doppelt

Im selben Overlay ist noch eine alte StreamElements-AlertBox aktiv. Dort diese Ereignisse ausschalten oder sie entfernen.

Kein Ton oder keine Stimme

Der Ton spielt in OBS. Im Editor sperrt dein Browser ihn eventuell, bis du in die Seite klickst. In OBS Control audio via OBS einschalten. Mit !alert mute stumm? Schreib !alert unmute. Text-to-Speech ist ein Dienst von StreamElements: Fällt er aus, läuft der Alert ohne Stimme.

Zu viel Blitzen für meine Zuschauer

Calm mode einschalten: keine Blitze, kein Flackern, kein Wackeln.

Immer noch nicht?

Schreib uns über Etsy-Nachrichten oder an craftium.berlin@gmail.com. Nenne deinen Stil, dein Streaming-Programm und was du siehst; ein Bildschirmfoto vom Editor hilft. Schick uns nie deinen Overlay-Link.

Updates

Updates für Version 1.x installieren sich beim Laden des Overlays selbst, deine Einstellungen bleiben. Nur wenn der Editor einen Update-Hinweis zeigt:

  1. Das Overlay in StreamElements öffnen, auf das Widget klicken, dann Open editor.
  2. HTML, CSS, JS und Fields durch die neuen Dateien ersetzen, genau wie in Schritt 5.
  3. Data nicht anfassen: Dort stehen deine Einstellungen.
  4. Auf Done und Save klicken.

Aktuelle Version: 1.0.0