XSplit-Integration

Information

XSplit Broadcaster und XSplit Gamecaster sind professionelle Streaming-Anwendungen, die weltweit von Content Creators genutzt werden. Die Integration von gettickr.app Timern in XSplit ist unkompliziert über Webseitenquellen möglich!

Diese Anleitung zeigt dir, wie du gettickr.app Countdown-Timer sowohl in XSplit Broadcaster als auch in XSplit Gamecaster einbindest.

Was du benötigst

Voraussetzung	Details
XSplit Broadcaster oder Gamecaster	Download unter xsplit.com
gettickr.app Timer	Erstellt auf gettickr.app
Timer-URL	Anzeige-/Renderer-URL deines Timers
Internetverbindung	Für Webseitenquelle erforderlich

[!TIPP] XSplit verwendet „Webseitenquellen“ statt „Browserquellen“ (wie OBS), das Prinzip ist aber identisch!

XSplit Broadcaster Integration

Schritt 1: Timer erstellen

Bereite deinen Timer in gettickr.app vor:

Öffne den Editor
Erstelle und gestalte deinen Timer (Dauer, Design, Farben, Schriftarten)
Wechsle zum Bereich Renderer
Kopiere die Anzeige-URL, z.B.: https://gettickr.app/r/#DEIN-TIMER-ID

Premium Feature

Speichere deinen Timer, um eine stabile URL zu erhalten. Premium-Timer behalten die gleiche URL, auch nach Änderungen. Kostenlose Timer erzeugen bei jeder Änderung eine neue URL.

Schritt 2: Webseitenquelle hinzufügen

Füge den Timer zu deiner XSplit-Szene hinzu:

Öffne XSplit Broadcaster
Wähle die Szene, in der der Timer erscheinen soll
Klicke auf „Quelle hinzufügen“ oder rechtsklicke in den Szenenbereich
Wähle „Webseite...“ aus den Quellentypen
Das Konfigurationsfenster für Webseitenquellen öffnet sich

Schritt 3: Webseitenquelle konfigurieren

Stelle die Webseitenquelle wie folgt ein:

Einstellung	Wert	Hinweise
Name	„Countdown Timer“ oder beschreibender Name	Zur späteren Identifikation
URL	`https://gettickr.app/r/#DEIN-TIMER-ID`	Timer-URL einfügen
Breite	`1920` (oder Designbreite des Timers)	An Timer-Design anpassen
Höhe	`1080` (oder Designhöhe des Timers)	An Timer-Design anpassen
Hardwarebeschleunigung	✅ Empfohlen	Für flüssige Animationen
Aktualisierungsintervall	Standard (meist 1000ms)	Reicht für Timer aus

Klicke auf „OK“, um die Quelle hinzuzufügen.

Schritt 4: Positionieren und Skalieren

Der Timer erscheint im Szeneneditor:

Verschieben: Klicke und ziehe den Timer an die gewünschte Position
Größe ändern: Ziehe an den Ecken, um die Größe anzupassen
Seitenverhältnis beibehalten: Normal skalieren
Frei skalieren: Beim Ziehen Shift gedrückt halten
Ebenenreihenfolge: Rechtsklick → Reihenfolge → Nach vorne/hinten

[!TIPP] Nutze XSplits „An Kante ausrichten“-Funktion, um Timer exakt zu platzieren!

XSplit Gamecaster Integration

XSplit Gamecaster bietet eine vereinfachte Oberfläche für Gaming-Streams.

Timer zu Gamecaster hinzufügen

Öffne XSplit Gamecaster
Klicke auf „Overlays“
Wähle „Overlay hinzufügen“ → „Webseite“
Füge deine Timer-URL ein
Vergib einen Namen (z.B. „Pausen-Timer“)
Wähle eine der vorgegebenen Positionen oder platziere den Timer individuell

Preset-Position	Geeignet für
Oben Mitte	Pausen-Timer, Event-Countdowns
Oben rechts	Kleine Timer-Overlays
Unten Mitte	Breite Timer-Balken
Zentrum	Vollbild-Timer
Benutzerdefiniert	Exakte manuelle Platzierung

Information

Das Overlay-System von Gamecaster ist schnell eingerichtet, bietet aber weniger Feineinstellungen als Broadcaster.

Erweiterte XSplit-Einstellungen

Hardwarebeschleunigung

Einstellung	Auswirkung	Wann nutzen?
Aktiviert	Flüssigere Animationen, höhere GPU-Auslastung	Bei dedizierter Grafikkarte
Deaktiviert	Weniger GPU-Last, evtl. Ruckler	Wenn CPU stärker als GPU

[!TIPP] Bei ruckelnden Animationen: Hardwarebeschleunigung aktivieren. Bei allgemeinem Lag: ggf. deaktivieren.

Aktualisierungsintervall

Intervall	Effekt	Empfohlen für
500ms	Sehr häufige Updates	Höchste Countdown-Genauigkeit
1000ms (1s)	Standard, ausgewogen	Normale Timer-Nutzung
2000ms	Selteneres Update	Statische/selten aktualisierte Timer

Information

Für gettickr.app Timer reicht das Standardintervall (1000ms) völlig aus.

Weitere Optionen

Rechtsklick auf die Webseitenquelle für zusätzliche Einstellungen:

Option	Funktion	Wann nutzen?
Aktualisieren	Manuelles Neuladen	Timer eingefroren
Eigenschaften	Einstellungen öffnen	URL oder Größe ändern
Umbenennen	Quelle umbenennen	Bessere Übersicht
Duplizieren	Quelle kopieren	Timer in mehreren Szenen
Entfernen	Quelle löschen	Aufräumen

Ebenenverwaltung

XSplit nutzt Ebenen zur Anordnung:

Strategie	Umsetzung	Anwendungsfall
Timer ganz oben	Rechtsklick → Nach vorne	Timer über allem sichtbar
Timer hinter Overlays	Zwischen Ebenen platzieren	Timer unter Alerts
Timer als Hintergrund	Nach hinten	Timer hinter Gameplay
Gruppierte Ebenen	Mehrere Quellen gruppieren	Gemeinsame Steuerung

[!TIPP] Mit Strg mehrere Quellen markieren und gemeinsam verschieben!

Fernsteuerung mit XSplit

Premium-Fernsteuerung

Premium-Nutzer können Timer während des Streams fernsteuern:

Setup:

Öffne den Editor auf einem zweiten Monitor oder Tab
Lade deinen gespeicherten Premium-Timer
Halte den Editor während des Streams geöffnet

Steuerungsoptionen:

Aktion	Effekt	Verhalten in XSplit
Start	Countdown starten	Sofortige Aktualisierung
Pause	Timer anhalten	Sofortige Pause
Reset	Timer zurücksetzen	Ohne Neuladen
Dauer anpassen	Zeit ändern	Live-Update
Design ändern	Aussehen anpassen	Änderungen sofort sichtbar

Premium Feature

Alle Änderungen werden in Echtzeit nach XSplit synchronisiert! Kein manuelles Neuladen nötig.

Funktion	Kostenloser Timer	Premium-Timer
In XSplit einbinden	✅ Ja	✅ Ja
Fernsteuerung	❌ Nein	✅ Ja
URL-Stabilität	❌ Ändert sich bei Edit	✅ Immer gleich
Timer-Bibliothek	❌ Nein	✅ Ja
Statusspeicherung	❌ Setzt sich zurück	✅ Speichert Status

Multi-Szenen-Timer-Setup

Strategie 1: Verschiedene Timer pro Szene

Szenenname	Timer-Zweck	Webseitenquelle
Starting Soon	Pre-Stream-Countdown	Timer-URL 1
BRB - Kurz	5-Minuten-Pause	Timer-URL 2
BRB - Lang	15-Minuten-Pause	Timer-URL 3
Event-Countdown	Spezielles Event	Timer-URL 4

Workflow: Szenenwechsel = Timerwechsel

Strategie 2: Mehrere Webseitenquellen in einer Szene

Mehrere Webseitenquellen mit unterschiedlichen Timer-URLs hinzufügen
Sichtbarkeit je nach Bedarf umschalten
Hotkeys für schnelles Umschalten nutzen

Workflow: In einer Szene bleiben, Timer ein-/ausblenden

Strategie 3: Quellen-URL tauschen

Eine Webseitenquelle mit Timer A
Bei Bedarf URL auf Timer B ändern (Eigenschaften)
OK klicken

Workflow: Wenige Quellen, manuelles Umschalten

[!TIPP] Empfehlung: Strategie 1 (verschiedene Szenen) ist am übersichtlichsten. Strategie 2 eignet sich für schnelles Umschalten.

Typische Anwendungsfälle

Streaming-Szenario	XSplit-Setup	Timer-Konfiguration
Stream Starting Soon	Vollbild-Szene	1920×1080 CountTo-Timer
Pausen-Timer	BRB-Szene mit Overlay	800×400 Countdown (5-15min)
Subathon	Timer in allen Szenen	1920×100 Top-Bar Countdown
Turnierrunden	Turnier-Szene	600×300 Runden-Timer
Giveaway	Seiten-Overlay in Hauptszene	400×600 Entry-Countdown

XSplit-Präsentationen

Mit XSplit-Präsentationen speicherst du dein komplettes Setup:

So geht’s:

Alle Szenen mit Timern konfigurieren
Datei → Präsentation speichern
Sinnvollen Namen vergeben (z.B. „Stream Setup – Timer“)
Präsentation für künftige Streams laden

Vorteile:

Was wird gespeichert	Vorteil
Alle Szenen	Szenen sofort wiederherstellbar
Webseitenquellen mit URLs	Kein erneutes Einfügen nötig
Positionen & Größen	Gleichbleibendes Layout
Ebenenreihenfolge	Zuverlässige Anzeige
Hotkey-Zuweisungen	Workflow bleibt erhalten

Information

Speichere verschiedene Präsentationen für unterschiedliche Stream-Typen (z.B. Standard, Events, IRL) – mit passenden Timern!

Fehlerbehebung

Timer wird nicht angezeigt

Problem	Ursache	Lösung
Leere Webseitenquelle	Falsche URL	Prüfe URL: `https://gettickr.app/r/#...`
Timer abgeschnitten	Quelle zu klein	Breite/Höhe anpassen
Schwarzer Hintergrund	Transparenz fehlt	Timer-Design auf transparent prüfen
Nichts lädt	Keine Internetverbindung	Netzwerk prüfen
Timer hinter anderen Quellen	Falsche Ebenenreihenfolge	Rechtsklick → Reihenfolge → Nach vorne

Performance-Probleme

Symptom	Ursache	Lösung
Ruckelnde Animationen	Hardwarebeschleunigung aus	Aktivieren
XSplit laggt	Zu viele Webseitenquellen	Weniger Quellen aktiv
Hohe CPU-Auslastung	Software-Rendering	GPU/Hardwarebeschleunigung an
Stream-Encoder-Drops	Systemüberlastung	Unnötige Programme schließen

[!TIPP] XSplit zeigt CPU/GPU-Auslastung unten rechts an. Überwache diese Werte für Optimierungen!

Synchronisationsprobleme

Problem	Lösung
Free Timer: Änderungen erscheinen nicht	Neue URL kopieren und in Quelle einfügen
Premium Timer: Fernsteuerung geht nicht	Editor-Tab offen und verbunden halten
Timer eingefroren	Rechtsklick auf Quelle → Aktualisieren
Timer asynchron	Webseitenquelle neu laden oder XSplit neu starten

Warning

Kostenlose Timer erzeugen bei jeder Änderung eine neue URL. Du musst die URL in der Webseitenquelle aktualisieren. Premium-Timer behalten immer die gleiche URL!

Nächste Schritte

OBS-Integration – Alternative Streaming-Software
Fernsteuerung – Premium-Features kennenlernen
Design anpassen – Timer ans Stream-Branding anpassen

XSplit-Integration

Information

Diese Anleitung zeigt dir, wie du gettickr.app Countdown-Timer sowohl in XSplit Broadcaster als auch in XSplit Gamecaster einbindest.

Was du benötigst

Voraussetzung	Details
XSplit Broadcaster oder Gamecaster	Download unter xsplit.com
gettickr.app Timer	Erstellt auf gettickr.app
Timer-URL	Anzeige-/Renderer-URL deines Timers
Internetverbindung	Für Webseitenquelle erforderlich

[!TIPP] XSplit verwendet „Webseitenquellen“ statt „Browserquellen“ (wie OBS), das Prinzip ist aber identisch!

XSplit Broadcaster Integration

Schritt 1: Timer erstellen

Bereite deinen Timer in gettickr.app vor:

Öffne den Editor
Erstelle und gestalte deinen Timer (Dauer, Design, Farben, Schriftarten)
Wechsle zum Bereich Renderer
Kopiere die Anzeige-URL, z.B.: https://gettickr.app/r/#DEIN-TIMER-ID

Premium Feature

Speichere deinen Timer, um eine stabile URL zu erhalten. Premium-Timer behalten die gleiche URL, auch nach Änderungen. Kostenlose Timer erzeugen bei jeder Änderung eine neue URL.

Schritt 2: Webseitenquelle hinzufügen

Füge den Timer zu deiner XSplit-Szene hinzu:

Öffne XSplit Broadcaster
Wähle die Szene, in der der Timer erscheinen soll
Klicke auf „Quelle hinzufügen“ oder rechtsklicke in den Szenenbereich
Wähle „Webseite...“ aus den Quellentypen
Das Konfigurationsfenster für Webseitenquellen öffnet sich

Schritt 3: Webseitenquelle konfigurieren

Stelle die Webseitenquelle wie folgt ein:

Einstellung	Wert	Hinweise
Name	„Countdown Timer“ oder beschreibender Name	Zur späteren Identifikation
URL	`https://gettickr.app/r/#DEIN-TIMER-ID`	Timer-URL einfügen
Breite	`1920` (oder Designbreite des Timers)	An Timer-Design anpassen
Höhe	`1080` (oder Designhöhe des Timers)	An Timer-Design anpassen
Hardwarebeschleunigung	✅ Empfohlen	Für flüssige Animationen
Aktualisierungsintervall	Standard (meist 1000ms)	Reicht für Timer aus

Klicke auf „OK“, um die Quelle hinzuzufügen.

Schritt 4: Positionieren und Skalieren

Der Timer erscheint im Szeneneditor:

Verschieben: Klicke und ziehe den Timer an die gewünschte Position
Größe ändern: Ziehe an den Ecken, um die Größe anzupassen
Seitenverhältnis beibehalten: Normal skalieren
Frei skalieren: Beim Ziehen Shift gedrückt halten
Ebenenreihenfolge: Rechtsklick → Reihenfolge → Nach vorne/hinten

[!TIPP] Nutze XSplits „An Kante ausrichten“-Funktion, um Timer exakt zu platzieren!

XSplit Gamecaster Integration

XSplit Gamecaster bietet eine vereinfachte Oberfläche für Gaming-Streams.

Timer zu Gamecaster hinzufügen

Öffne XSplit Gamecaster
Klicke auf „Overlays“
Wähle „Overlay hinzufügen“ → „Webseite“
Füge deine Timer-URL ein
Vergib einen Namen (z.B. „Pausen-Timer“)
Wähle eine der vorgegebenen Positionen oder platziere den Timer individuell

Preset-Position	Geeignet für
Oben Mitte	Pausen-Timer, Event-Countdowns
Oben rechts	Kleine Timer-Overlays
Unten Mitte	Breite Timer-Balken
Zentrum	Vollbild-Timer
Benutzerdefiniert	Exakte manuelle Platzierung

Information

Das Overlay-System von Gamecaster ist schnell eingerichtet, bietet aber weniger Feineinstellungen als Broadcaster.

Erweiterte XSplit-Einstellungen

Hardwarebeschleunigung

Einstellung	Auswirkung	Wann nutzen?
Aktiviert	Flüssigere Animationen, höhere GPU-Auslastung	Bei dedizierter Grafikkarte
Deaktiviert	Weniger GPU-Last, evtl. Ruckler	Wenn CPU stärker als GPU

[!TIPP] Bei ruckelnden Animationen: Hardwarebeschleunigung aktivieren. Bei allgemeinem Lag: ggf. deaktivieren.

Aktualisierungsintervall

Intervall	Effekt	Empfohlen für
500ms	Sehr häufige Updates	Höchste Countdown-Genauigkeit
1000ms (1s)	Standard, ausgewogen	Normale Timer-Nutzung
2000ms	Selteneres Update	Statische/selten aktualisierte Timer

Information

Für gettickr.app Timer reicht das Standardintervall (1000ms) völlig aus.

Weitere Optionen

Rechtsklick auf die Webseitenquelle für zusätzliche Einstellungen:

Option	Funktion	Wann nutzen?
Aktualisieren	Manuelles Neuladen	Timer eingefroren
Eigenschaften	Einstellungen öffnen	URL oder Größe ändern
Umbenennen	Quelle umbenennen	Bessere Übersicht
Duplizieren	Quelle kopieren	Timer in mehreren Szenen
Entfernen	Quelle löschen	Aufräumen

Ebenenverwaltung

XSplit nutzt Ebenen zur Anordnung:

Strategie	Umsetzung	Anwendungsfall
Timer ganz oben	Rechtsklick → Nach vorne	Timer über allem sichtbar
Timer hinter Overlays	Zwischen Ebenen platzieren	Timer unter Alerts
Timer als Hintergrund	Nach hinten	Timer hinter Gameplay
Gruppierte Ebenen	Mehrere Quellen gruppieren	Gemeinsame Steuerung

[!TIPP] Mit Strg mehrere Quellen markieren und gemeinsam verschieben!

Fernsteuerung mit XSplit

Premium-Fernsteuerung

Premium-Nutzer können Timer während des Streams fernsteuern:

Setup:

Öffne den Editor auf einem zweiten Monitor oder Tab
Lade deinen gespeicherten Premium-Timer
Halte den Editor während des Streams geöffnet

Steuerungsoptionen:

Aktion	Effekt	Verhalten in XSplit
Start	Countdown starten	Sofortige Aktualisierung
Pause	Timer anhalten	Sofortige Pause
Reset	Timer zurücksetzen	Ohne Neuladen
Dauer anpassen	Zeit ändern	Live-Update
Design ändern	Aussehen anpassen	Änderungen sofort sichtbar

Premium Feature

Alle Änderungen werden in Echtzeit nach XSplit synchronisiert! Kein manuelles Neuladen nötig.

Funktion	Kostenloser Timer	Premium-Timer
In XSplit einbinden	✅ Ja	✅ Ja
Fernsteuerung	❌ Nein	✅ Ja
URL-Stabilität	❌ Ändert sich bei Edit	✅ Immer gleich
Timer-Bibliothek	❌ Nein	✅ Ja
Statusspeicherung	❌ Setzt sich zurück	✅ Speichert Status

Multi-Szenen-Timer-Setup

Strategie 1: Verschiedene Timer pro Szene

Szenenname	Timer-Zweck	Webseitenquelle
Starting Soon	Pre-Stream-Countdown	Timer-URL 1
BRB - Kurz	5-Minuten-Pause	Timer-URL 2
BRB - Lang	15-Minuten-Pause	Timer-URL 3
Event-Countdown	Spezielles Event	Timer-URL 4

Workflow: Szenenwechsel = Timerwechsel

Strategie 2: Mehrere Webseitenquellen in einer Szene

Mehrere Webseitenquellen mit unterschiedlichen Timer-URLs hinzufügen
Sichtbarkeit je nach Bedarf umschalten
Hotkeys für schnelles Umschalten nutzen

Workflow: In einer Szene bleiben, Timer ein-/ausblenden

Strategie 3: Quellen-URL tauschen

Eine Webseitenquelle mit Timer A
Bei Bedarf URL auf Timer B ändern (Eigenschaften)
OK klicken

Workflow: Wenige Quellen, manuelles Umschalten

[!TIPP] Empfehlung: Strategie 1 (verschiedene Szenen) ist am übersichtlichsten. Strategie 2 eignet sich für schnelles Umschalten.

Typische Anwendungsfälle

Streaming-Szenario	XSplit-Setup	Timer-Konfiguration
Stream Starting Soon	Vollbild-Szene	1920×1080 CountTo-Timer
Pausen-Timer	BRB-Szene mit Overlay	800×400 Countdown (5-15min)
Subathon	Timer in allen Szenen	1920×100 Top-Bar Countdown
Turnierrunden	Turnier-Szene	600×300 Runden-Timer
Giveaway	Seiten-Overlay in Hauptszene	400×600 Entry-Countdown

XSplit-Präsentationen

Mit XSplit-Präsentationen speicherst du dein komplettes Setup:

So geht’s:

Alle Szenen mit Timern konfigurieren
Datei → Präsentation speichern
Sinnvollen Namen vergeben (z.B. „Stream Setup – Timer“)
Präsentation für künftige Streams laden

Vorteile:

Was wird gespeichert	Vorteil
Alle Szenen	Szenen sofort wiederherstellbar
Webseitenquellen mit URLs	Kein erneutes Einfügen nötig
Positionen & Größen	Gleichbleibendes Layout
Ebenenreihenfolge	Zuverlässige Anzeige
Hotkey-Zuweisungen	Workflow bleibt erhalten

Information

Speichere verschiedene Präsentationen für unterschiedliche Stream-Typen (z.B. Standard, Events, IRL) – mit passenden Timern!

Fehlerbehebung

Timer wird nicht angezeigt

Problem	Ursache	Lösung
Leere Webseitenquelle	Falsche URL	Prüfe URL: `https://gettickr.app/r/#...`
Timer abgeschnitten	Quelle zu klein	Breite/Höhe anpassen
Schwarzer Hintergrund	Transparenz fehlt	Timer-Design auf transparent prüfen
Nichts lädt	Keine Internetverbindung	Netzwerk prüfen
Timer hinter anderen Quellen	Falsche Ebenenreihenfolge	Rechtsklick → Reihenfolge → Nach vorne

Performance-Probleme

Symptom	Ursache	Lösung
Ruckelnde Animationen	Hardwarebeschleunigung aus	Aktivieren
XSplit laggt	Zu viele Webseitenquellen	Weniger Quellen aktiv
Hohe CPU-Auslastung	Software-Rendering	GPU/Hardwarebeschleunigung an
Stream-Encoder-Drops	Systemüberlastung	Unnötige Programme schließen

[!TIPP] XSplit zeigt CPU/GPU-Auslastung unten rechts an. Überwache diese Werte für Optimierungen!

Synchronisationsprobleme

Problem	Lösung
Free Timer: Änderungen erscheinen nicht	Neue URL kopieren und in Quelle einfügen
Premium Timer: Fernsteuerung geht nicht	Editor-Tab offen und verbunden halten
Timer eingefroren	Rechtsklick auf Quelle → Aktualisieren
Timer asynchron	Webseitenquelle neu laden oder XSplit neu starten

Warning

Kostenlose Timer erzeugen bei jeder Änderung eine neue URL. Du musst die URL in der Webseitenquelle aktualisieren. Premium-Timer behalten immer die gleiche URL!

Nächste Schritte

OBS-Integration – Alternative Streaming-Software
Fernsteuerung – Premium-Features kennenlernen
Design anpassen – Timer ans Stream-Branding anpassen