Zurück zu den Tools Setup Guide

BASIC TIMER

Ein minimalistischer, performanter Countdown-Timer für deine OBS-Szenen. Vollständig anpassbar über URL-Parameter – ganz ohne Frameworks.

Setup
1

Timer in OBS als Browser Source hinzufügen

OBS → Quelle hinzufügen → Browser → URL eintragen. Passe die Breite und Höhe entsprechend deiner gewünschten Textgröße an.

2

URL-Parameter anhängen

Hänge die gewünschten Parameter mit einem ? ans Ende an, um die Zeit und das Design anzupassen. Alle Optionen findest du unten.

Beispiel: ...timer?t=15&color=#00c8b4&size=90px

URL Parameter
?t
Die Startzeit des Countdowns in vollen Minuten.
Default: 10
Beispiel
timer?t=5
?size
Die Schriftgröße des Timers. Unterstützt alle gültigen CSS-Größenangaben (z.B. px, rem, em).
Default: 5rem
Beispiel
timer?size=120px
?color
Die Textfarbe der Ziffern. Akzeptiert Hex-Codes, CSS-Farbnamen oder RGB/RGBA-Werte.
Default: white
Beispiel
timer?color=#00c8b4
?font
Die zu verwendende Schriftart. Du kannst installierte System-Schriften oder geladene Webfonts nutzen.
Default: sans-serif
Beispiel
timer?font=Roboto Mono
?bg
Hintergrundfarbe des Overlays. Für vollständige Transparenz in OBS einfach weglassen.
Default: transparent
Beispiel
timer?bg=rgba(0,0,0,0.5)
?shadow
Aktiviert einen weichen, dunklen Textschatten zur besseren Lesbarkeit vor hellem Content.
Default: false — Wert: true
Beispiel
timer?shadow=true
Beispiel-Kombination
timer?t=15&color=#00c8b4&size=140px&font=Bebas Neue&shadow=true
Kopiert!