|
|
- ---
- noindex: false
- comments: false
- #author: HaPe
- #author_tools: hape
- #level: beginner
- #article_type: info
- #date: 2019-10-28
- last_updated: 2019-10-28
- title: Komponente Ticker
- description: 'iStream Tools - Komponente Ticker'
- keywords: 'suggestions todo erweiterungen ideen'
-
- ---
-
- # Ticker einrichten
-
- <div class="lead" markdown="1">
- Mit der Ticker Komponente kannst Du eine Laufschrift in Deinen Stream integrieren. Einfach Text eintragen, nach Bedarf
- noch ein paar Einstellungen vornehmen und über eine Browserquelle in OBS einbinden. Fertig!
- </div>
-
- Um einen Ticker einzurichten wählst Du einen bereits vorhandenen Ticker aus oder erstellst
- mit dem Add-Button einen neuen Ticker und wählst anschliessend diesen aus.
-
- Es stehen Dir nun folgende Einstellungen zur Verfügung:
-
- <img src="/images/ticker-setup-1.png">
-
- **Über die generelle Konfiguration: (Schalter `Setup` - rechts oben)**
-
- - Den Namen des Tickers anpassen.
- - Die Schriftart auswählen
- - Die Geschwindigkeit festelgen
- - Schriftgrösse
- - Hintergrund-, Schrift- und Randfarbe
-
- **Schriftart auswählen**
-
- Es gibt zwei Möglichkeiten um eine eigene Schriftart festzulegen.
-
- 1. Du suchst Dir bei https://fonts.google.com oder einem ähnlichen Dienst eine Schriftart aus und kopierst den
- zur Verfügung gestellten Code des Dienstes in das Feld `Schriftart`.
- 2. Du suchst Dir eine auf Deinem System installierte Schriftart aus und gibst in das Feld `Schriftart` den Namen
- der ausgewählten Schriftart ein.
-
- **Über den Ticker-Button selbst (der erste heisst `Default`)**
-
- - Den Namen und die Farbe des Schalters festlegen
- - Den Text bearbeiten
- - Die einzelne Komponente löschen
-
- **Text bearbeiten**
-
- Es ist ein normales Textfeld. Es zeigt keine Formatierungen an. Du kannst aber normale HTML-Tags verwenden um Teile
- des Textes in der Laufschrift **FETT** (`<b>FETT</b>`) oder *KURSIV* (`<i>KURSIV</i>`) darzustellen.
-
- Ausserdem kannst Du Emojies und Font-Icons über einen Shortcut einfügen.
-
- - Für einen Emoji verwende einfach den Namen des Emojie eingeschlossen in Doppelpunkte `:nerd:`
- - Für ein Font-Icon verwedest Du ebenfalls die Doppelpunkte mit dem Code für das Icon. `:fas-cog:`, `:far-save:` oder
- `:fab-facebook-square:`
-
- Welchen Code Du verwenden kannst, findest Du für Emojies auf https://unicode.org/emoji/charts/emoji-list.html Du kannst
- auf dieser Seite in der Spalte `CLDR Short Name` den Namen rauskopieren und verwenden. Evtl. Leerzeichen werden
- mit einem Bindestrich ersetzt. so wird aus dem Namen `grinning face` der Code `:grinning-face:`
-
- Die Font-Icons kannst Du auf der Seite https://fontawesome.com/icons?d=gallery aussuchen. Auf streamtool.net wird zur
- Zeit die Version 5.4.1 verwendet. Es gibt bei der Suche nach Icons keine Unterscheidung zwischen Free und Pro Version.
- Es wird alles angezeigt. Auf Streamtool.net können nur die `solid`, `regular` und `brand` Varianten verwendet werden.
- Auf der Suchseite sind diese Icons dunkel, während die Pro-Varianten grau dargestellt werden.
-
- Wenn Du ein Icon ausgesucht hast gehst Du auf die Detailseite, indem Du das gewünschte Icon anklickst, und suchst Dir
- dort den Namen und die Variante raus. Ein Beispiel für ein solid-Icon `fas-cog` ein regular-Icon `far-save` und ein
- brand-Icon `fab-facebook-square`.
-
- ## in die Encodersoftware einbinden
-
- Der Ticker kann auf der Seite Links leicht am Namen identifiziert werden. Einfach die zugrhörige Url kopieren und in
- der Encodersoftware eine Browsersource einrichten. Die Höhe des Tickers ist `44px`.
|
