Streamer-Seite

Oft gefragt als

Kommt mit strAImer: Dieses Modul wird zusammen mit der App installiert, herunterladen musst du nichts. Es steht unter Modulkatalog → Integriert.

Was diese Seite ist

Streamer-Seite baut deine öffentliche Karte auf straimer.com auf — wie der Untertitel sagt: "Deine öffentliche Karte auf straimer.com. Baue sie hier auf, teile den Link überall." Die Seitenleiste teilt die Arbeit in zwei Teile: Seitenmenü ist der Inhalt der Seite, Darstellung ist das Aussehen.

Wie man sie einrichtet

Seitenmenü

  1. Öffne Streamer-Seite → Seitenmenü. Die Seite lebt in deinem strAImer-Konto; wenn der Editor dich zum Anmelden auffordert, ist das unter Einstellungen → strAImer-Konto. Der Editor öffnet sich nicht leer. Bevor du eine Seite hast, gibt dir der Server einen Anfang: den aus deinem Kontonamen vorgeschlagenen Namen, den bereits ausgefüllten Anzeigename und einen Tab namens Über mit einem Textblock Welcome!. Der kürzeste mögliche Weg ist also, Veröffentlicht einzuschalten und Speichern zu drücken — der Schalter allein speichert nichts.
  2. Öffne die Zeile Seite oben in der linken Spalte und prüfe Seitenname. Unter dem Feld erhältst du die Adresse, https://straimer.com/s/<name>, und eine Meldung: Name ist frei, Dieser Name ist bereits vergeben, Zu kurz — mindestens 3 Zeichen, Zu lang, Nur lateinische Buchstaben, Ziffern, Bindestrich und Unterstrich, Dieser Name ist reserviert. Das Quadrat neben dem Feld ist der QR-Code für diese Adresse — "Richte die Handykamera hierauf, um die Seite zu öffnen".
  3. Schalte Veröffentlicht ein. "Solange dies ausgeschaltet ist, antwortet die Adresse allen mit „nicht gefunden“."
  4. Anzeigen, wenn ich live bin setzt ein "Live"-Abzeichen auf deine eigene Seite: Es listet "jede Plattform, auf der du live bist" auf und "verschwindet von selbst ein paar Minuten, nachdem die App keine Meldungen mehr sendet". Das Abzeichen kommt von der App auf deinem Computer, nicht von der Plattform. Es erscheint nur, solange strAImer läuft und in deinem strAImer-Konto angemeldet ist, und nur, wenn Automatisierung → Stream-Status Twitch, YouTube oder Kick live sieht; ein Stream, den nur OBS meldet, zählt nicht. Nach dem Start des Streams kann es ein, zwei Minuten dauern, bis es erscheint. Jede Plattform im Abzeichen ist ein Link auf deinen Stream. Mit strAImer 0.25.0 oder neuer öffnet der YouTube-Link direkt die laufende Übertragung, mit einer älteren App deinen Kanal. Mich auf der strAImer-Startseite anzeigen ist die separate zweite Einwilligung: Dein Kanalname, Plattform und Kategorie gehen in den Block "Streaming mit strAImer" auf straimer.com, während du streamst und für einen Tag danach. Der Block erscheint auf straimer.com erst, wenn mindestens drei Streamer darin stehen; bis dahin bleibt er ausgeblendet, und der eigene Name mit ihm.
  5. Anzeigename und Über sind der Name und der Text oben auf der Karte.
  6. Tabs — die Chips sind deine Tabs. Klicke auf einen, um daran zu arbeiten, ziehe ihn am Griff, um die Reihenfolge zu ändern, und Tab hinzufügen fragt nach einem Tab-Name.
  7. Die Zeile unter den Chips ist der geöffnete Tab: Tab-Name und Tab-Adresse. Wenn leer gelassen, "wird die Adresse beim Speichern aus dem Tab-Namen erstellt"; wenn ausgefüllt, zeigt die Zeile darunter den Link an, den du weitergibst — https://straimer.com/s/<name>#<address>. Tab löschen befindet sich in derselben Zeile und fragt "Diesen Tab und alles darauf löschen?" Der letzte Tab bleibt bestehen: "Die Seite benötigt mindestens einen Tab".
  8. Felder darunter sind die Blöcke des geöffneten Tabs. Ein leerer Tab zeigt an: "Dieser Tab ist leer. Füge unten einen Block hinzu."
  9. Feld hinzufügen öffnet die Auswahl: Link-Button, Spendenformular, Kopierbarer Wert, Social-Reihe, Spezifikationstabelle, Zeitplan, Q&A, Text, Überschrift, Trennlinie. Die Auswahl eines Elements fügt den Block hinzu und öffnet sofort dessen Einstellungen.
  10. Was jeder Block abfragt:
    • Link-Button — Button-Text, Adresse, Hinweis.
    • Spendenformular — Widget-Code: Füge den Website-Code oder den einfachen Link ein, den dir DonatePay oder Ko-fi gibt, und die Zeile unter dem Feld sagt Erkannt: Ko-fi oder dass der Code nicht von dort ist. Wo du den Code bekommst: hat für jeden Dienst einen Button, der dessen Einstellungen im Browser öffnet. "Besucher sehen zuerst einen Button, und das Formular lädt erst, wenn sie ihn drücken. So setzt der Dienst seine Cookies nur bei denen, die es selbst öffnen wollten." Farben der Seite setzt das Formular in einen Block, der wie der Rest deiner Seite gestaltet ist. Anfangs ist das aus, weil die Standardfarben von DonatePay auf einem dunklen Block verschwinden: Färbe das Formular zuerst in DonatePay um und schalte die Option dann ein.
    • Kopierbarer Wert — Beschriftung, Wert und der Schalter Vor Seitenquellcode schützen: "Der Wert wird beim Klick geladen, anstatt im Seitenquellcode zu liegen, sodass Bulk-Scraper ihn nicht erfassen. Jemand, der deine Seite öffnet, kann ihn dennoch lesen."
    • Social-Reihe — ein Zeile hinzufügen pro Link: Der Icon-Button links wählt die Plattform aus, das Feld Verknüpfen enthält die Adresse.
    • Spezifikationstabelle — ein Zeile hinzufügen pro Zeile, ein Name und ein Wert.
    • Zeitplan — ein Zeile hinzufügen pro Zeile: Wochentag, Uhrzeit und Hinweis.
    • Q&A — eine Frage und eine Antwort pro Zeile.
    • Text und Überschrift haben ein einzelnes Text-Feld; Trennlinie ist "Eine horizontale Linie. Nichts einzurichten."
  11. Der Buch-Button sitzt an vier Feldern, nicht an zweien: Adresse bei einem Link-Block, Wert bei einem kopierbaren Wert, Link in einer Social-Reihe und das Wertfeld einer Zeile der Spezifikationstabelle, das gar keine Beschriftung hat — nur den Platzhalter. Nur Adresse trägt die Erklärung: "Füge einen Eintrag aus deinen Informationen ein, und er aktualisiert sich automatisch, wenn du ihn dort änderst." Die beiden Link-Felder bieten Link-Einträge an, die anderen beiden alles, was in deinen Informationen steht. Wenn nichts verfügbar ist, steht dort: "Deine Informationen enthalten noch nichts zum Einfügen. Fülle sie unter Chat-Bot → Wissensdatenbank aus."
  12. Jeder Block-Header trägt einen Schalter, Auf der Seite anzeigen, und einen Griff zum Ziehen der Blöcke in die gewünschte Reihenfolge. Block löschen befindet sich am Fuß des geöffneten Blocks und fragt "Dieses Feld löschen?"
  13. Vorschau auf der rechten Seite zeichnet sich bei jeder Eingabe neu. Die Telefon- und Monitor-Icons darüber stellen die Rahmenbreite ein, der dritte Button ist Vorschau erweitern / Vorschau reduzieren — Escape reduziert sie ebenfalls.
  14. Drücke Speichern in der Kopfzeile. Öffnen daneben öffnet die Live-Seite in deinem Browser und bleibt ausgegraut, bis die Seite einen Namen hat und veröffentlicht ist.

Darstellung

  1. Öffne Streamer-Seite → Darstellung.
  2. Die Karte Gestaltung befindet sich oben in der linken Spalte. Unter -- Vorlage auswählen -- enthält die Gruppe Integriert die Vorlagen Mitternacht, Papier, Sonnenuntergang, Terminal, Bonbon, Tief und Raster; deine eigenen gespeicherten Designs erscheinen unter Meine — dieses Overlay und Meine — von anderen Overlays. Anwenden setzt die Auswahl auf die Seite, Löschen entfernt ein gespeichertes Design. Das Anwenden einer eingebauten Vorlage setzt alles zurück, was sie nicht erwähnt. Die sieben eingebauten Vorlagen legen jeweils nur einen Teil des Aussehens fest, der Rest geht auf die Standardwerte zurück — alles, was du von Hand eingestellt hast und wozu die Vorlage schweigt, ist damit weg. Es wird nicht nachgefragt. Deine eigenen gespeicherten Vorlagen verhalten sich nicht so.
  3. Um das aktuelle Aussehen zu speichern, gib einen Namen in Vorlagenname ein und drücke Speichern in derselben Karte. Die Liste wird mit den Overlay-Editoren geteilt, sodass ein dort gespeichertes Design hier angewendet werden kann — eines von andersherum "überträgt Farben, Schriftarten, Eckenradius, Ränder und Schatten. Größen und Abstände bleiben, wie sie sind." Die Auswahl einer deiner eigenen Vorlagen setzt deren Namen zurück in das Feld und Speichern lautet Aktualisieren: Das Speichern überschreibt dann diese Vorlage, anstatt eine zweite Kopie zurückzulassen.
  4. Unter der Karte befinden sich die Abschnitte: Hintergrund, Karte, Text, Tabs, Link-Buttons, Blöcke, Social-Reihe, Fußzeile. Wähle einen aus und seine Einstellungen erscheinen in der rechten Spalte.
  5. Hintergrund enthält zum Beispiel Seitenhintergrund, Kartenbreite, Abstand zwischen Blöcken, Animierter Hintergrund (Anzeigen oder Ausblenden), Leuchtflecken, Leuchten 1, Leuchten 2, Leuchten 3, Raster, Rasterfarbe, Schwebende Partikel, Partikelfarbe und Partikelgeschwindigkeit.
  6. Die Vorschau in der Mitte übernimmt jede Änderung sofort, mit denselben Telefon-, Monitor- und Erweitern-Buttons darüber.
  7. Diese Ansicht hat keinen eigenen Speichern-Button — das Aussehen wird durch Speichern in der Kopfzeile gespeichert, derselbe Button, der auch den Inhalt speichert.

Was sie nicht kann