So fügst du den Timer in OBS Studio ein
- Stelle oben deinen Timer ein und klicke auf URL kopieren.
- Klicke in OBS unter Quellen auf + und wähle Browser. Gib der Quelle einen Namen, zum Beispiel „Countdown“.
- Füge den Link in das Feld URL ein.
- Trage bei Breite und Höhe die Größe ein, die unter deinem Link steht (800 × 300, solange du nichts geändert hast). Lass das Feld Benutzerdefiniertes CSS unverändert: Es sorgt für den transparenten Hintergrund.
- Mit Ton? Setze den Haken bei Audio über OBS steuern. Der Alarm bekommt dann einen eigenen Regler im Audiomixer und ist für deine Zuschauer hörbar. Damit du ihn selbst auch hörst, öffnest du die Erweiterten Audioeigenschaften und stellst das Audiomonitoring dieser Quelle auf „Monitor und Ausgabe“ („Monitoring aktiviert“ in neueren Versionen).
- Mit OK bestätigen und den Timer an die gewünschte Stelle in der Szene ziehen.
Tipp: Aktiviere Browser bei Szenenaktivierung aktualisieren. Dann startet der Countdown jedes Mal von vorn, wenn du zu dieser Szene wechselst. Genau das willst du bei Szenen wie „Gleich geht’s los“ und „Bin gleich zurück“.
Neu starten oder weiterlaufen? Ist Browser bei Szenenaktivierung aktualisieren oder Deaktivieren, wenn Quelle nicht sichtbar ist aktiviert, lädt OBS die Seite neu, und ein Countdown beginnt wieder von vorn. Für lange Timer wie einen Subathon schaltest du Nach Neuladen weiterlaufen ein oder nutzt Bis Uhrzeit. Beides zeigt nach einem Neuladen immer die richtige Restzeit.
Streamlabs, Meld, XSplit und TikTok LIVE Studio
Das Overlay ist eine ganz normale Webseite. Jedes Streaming-Programm mit Browser-Quelle kann es anzeigen: In Streamlabs Desktop fügst du eine Browser Source hinzu, in XSplit eine Webpage-Quelle, in Meld Studio eine Browser-Ebene und in TikTok LIVE Studio eine Link-Quelle. Füge überall denselben Link ein und nutze dieselbe Breite und Höhe. Für das Hochformat von TikTok wählst du die Größe Hochformat (1080 × 1920). Bleibt eine Link-Quelle in TikTok LIVE Studio leer, ändere irgendeinen Wert im Link, zum Beispiel &v=2 am Ende, damit das Programm ihn neu lädt.
Der automatische Start „Wenn du live gehst“ nutzt eine Funktion von OBS und klappt in OBS Studio und Streamlabs Desktop. In anderen Programmen startet der Timer einfach, sobald die Quelle geladen ist.
Welcher Modus passt zu deinem Stream?
- Countdown: eine feste Dauer wie 5 oder 10 Minuten für „Gleich geht’s los“, „Bin gleich zurück“ oder eine kurze Challenge.
- Bis Uhrzeit: zählt bis zu einer festen Uhrzeit wie 20:00 herunter. So passt der Timer immer zu deinem angekündigten Streamplan, auch wenn du OBS früher öffnest.
- Stoppuhr: zählt nach oben. Ideal als Live-Zeit („Live seit 1:23:45“) oder für Challenges und Speed-Versuche.
- Ablaufplan: mehrere Abschnitte nacheinander, jeder mit eigener Bezeichnung: Just Chatting, Hauptspiel, Pause, Outro. Die Bezeichnung wechselt automatisch.
- Pomodoro: Fokus- und Pausenblöcke für Study-with-me- und Co-Working-Streams, auf Wunsch mit langer Pause nach jedem vierten Block.
Den Timer während des Streams steuern
Klicke in OBS mit der rechten Maustaste auf die Quelle und wähle Interagieren. In diesem Fenster steuerst du den Timer, ohne ein anderes Programm zu öffnen:
| Aktion | Wirkung |
|---|---|
| Klick | Pause oder weiter (oder Start, wenn der Start auf „Per Klick“ steht) |
| Doppelklick oder R | Neu starten |
| N | Zum nächsten Schritt springen |
| + / - | Eine Minute mehr oder weniger |
| ↑ / ↓ | Zehn Sekunden mehr oder weniger |
Klicks funktionieren in jeder OBS-Version. Tastenkürzel hängen von der Version ab und kommen unter macOS teils nicht an, im Zweifel also die Maus nutzen. Zeit hinzufügen ist praktisch für Subathons und für den Moment, in dem dein Stream einfach noch ein paar Minuten braucht.
Fernsteuerung mit Streamer.bot oder Stream Deck
OBS kann über seinen eingebauten WebSocket-Server Ereignisse an Browser-Quellen schicken. So steuerst du den Timer aus anderen Programmen, ohne OBS zu öffnen. Schicke in Streamer.bot, einem Stream-Deck-Plugin oder einem anderen obs-websocket-Programm die Anfrage CallVendorRequest mit dem Vendor obs-browser, dem Request-Typ emit_event und diesen Daten:
{"event_name": "finaltimer", "event_data": {"action": "add", "seconds": 300}}Mögliche Aktionen sind start, pause, resume, toggle, restart, next und add (mit seconds oder minutes, negative Werte ziehen Zeit ab). Mehrere Timer gleichzeitig? Gib jedem eine Overlay-ID und ergänze "id": "subathon" in den Daten, dann reagiert nur dieser Timer. Ein typischer Subathon: eine Streamer.bot-Aktion, die bei jedem neuen Sub fünf Minuten hinzufügt.
Tipps für ein sauberes Overlay
- Über Gameplay nimmst du am besten Kontur oder Weicher Schatten. So bleiben die Ziffern auch auf hellen und unruhigen Hintergründen lesbar.
- Für einen größeren Timer änderst du Breite und Höhe in den Eigenschaften der Quelle, statt an den Ecken zu ziehen. Mit „An Quelle anpassen“ werden die Ziffern dann in der neuen Größe scharf dargestellt.
- Für lange Timer aktivierst du Nach Neuladen weiterlaufen. Ein Absturz, ein OBS-Neustart oder ein Neuladen setzt deine Subathon-Uhr dann nicht mehr zurück.
- Das Overlay nutzt Schriften, die schon auf deinem PC installiert sind. Es wird nichts von fremden Servern geladen, und die Seite ist nur wenige Kilobyte groß.
- Die Overlay-Seite zeigt keine Werbung, kein Tracking und kein Wasserzeichen. Gezählt wird nur, wie oft Overlays geladen werden, ohne personenbezogene Daten.
URL-Parameter für Fortgeschrittene
Alles, was du oben einstellst, steht im Link. Du kannst ihn also auch von Hand anpassen. Die wichtigsten Parameter:
| Parameter | Beispiel | Bedeutung |
|---|---|---|
mode | down, until, up, seq, pomo | Countdown, bis Uhrzeit, Stoppuhr, Ablaufplan, Pomodoro |
t | 10m, 1h30m, 5:00 | Dauer des Countdowns |
at | 20:00 | Zielzeit für „Bis Uhrzeit“ |
step | 5m~Gleich geht’s los | Ein Schritt im Ablaufplan (für jeden Schritt wiederholen) |
work, brk, long, every, cycles | 25m, 5m, 15m, 4, 4 | Pomodoro: Fokus, Pause, lange Pause, lange Pause nach, Anzahl der Blöcke |
title, end | beliebiger Text | Titel über dem Timer, Text bei null |
after | text, stay, hide, over | Was bei null passiert |
style | plain, pill, bar, ring | Aussehen des Timers |
color, accent, bg | ffffff | Farben als Hex-Wert ohne # |
sound, vol | alarm3, 80 | Ton bei null und Lautstärke in Prozent |
start | load, stream, click | Wann der Timer startet |
resume | 1 | Nach Neuladen weiterlaufen |
beep | 3 | Pieptöne in den letzten Sekunden |
id | subathon | Name für die Fernsteuerung per Ereignis |
Eigene Schrift oder Farben über die Optionen hinaus? Im Feld Benutzerdefiniertes CSS der Quelle funktionieren Regeln wie .ov-time { font-family: "Deine Schrift"; } und .ov-title { text-transform: uppercase; }.
Häufige Fragen
Ist der OBS-Timer kostenlos?
Ja. Das Overlay ist komplett kostenlos, braucht kein Konto und zeigt weder Wasserzeichen noch Werbung. Du kannst so viele Timer erstellen, wie du möchtest.
Läuft der Countdown weiter, wenn ich die Szene wechsle?
Ja, solange OBS die Quelle geladen lässt, und das ist die Standardeinstellung. Hast du „Deaktivieren, wenn Quelle nicht sichtbar ist“ aktiviert, lädt die Seite neu, sobald sie wieder sichtbar wird. Mit „Nach Neuladen weiterlaufen“ oder dem Modus „Bis Uhrzeit“ zeigt der Timer trotzdem die richtige Restzeit.
Warum höre ich den Alarm nicht?
Prüfe, ob ein Ton ausgewählt ist, ob in den Eigenschaften der Quelle „Audio über OBS steuern“ aktiviert ist und ob die Quelle im Audiomixer nicht stummgeschaltet ist. In einem normalen Browser-Tab spielt der Ton erst, nachdem du einmal auf die Seite geklickt hast.
Kann der Timer automatisch starten, wenn ich live gehe?
Ja. Stell den Start auf „Wenn du live gehst“. Der Timer wartet dann und startet in dem Moment, in dem OBS den Stream startet. Außerhalb von OBS startet er einfach sofort.
Funktioniert das mit Streamlabs, Meld oder TikTok LIVE Studio?
Ja. Jedes Programm mit Browser- oder Web-Quelle kann das Overlay anzeigen. Füge denselben Link ein und nutze die Breite und Höhe, die auf dieser Seite angezeigt werden. Der automatische Start beim Live-Gehen klappt in OBS Studio und Streamlabs Desktop.
Können Subs oder Spenden automatisch Zeit hinzufügen?
Ja, mit einem Programm wie Streamer.bot, das auf Subs, Bits oder Spenden reagiert. Es schickt ein Ereignis über den WebSocket-Server von OBS, und der Timer rechnet die Zeit dazu. Bei uns brauchst du dafür weder ein Konto noch eine Verbindung zu deinem Twitch-Account.
Sehen meine Zuschauer dieselbe Zeit?
Ja. Der Timer wird auf deinem PC dargestellt und als Teil des Streams übertragen. Alle sehen also genau die Zeit auf deinem Bildschirm, egal wo sie sind.
Werden Daten gesammelt?
Die Overlay-Seite lädt keine Werbung, keine Analyse-Tools und keine Cookies. Sie erhöht nur einen anonymen Zähler für geladene Overlays. Deine Einstellungen stecken im Link selbst.