Countdown und Uhr als Overlay für OBS

Countdown bis um , , .

Mit Esc verlässt du den Vollbildmodus

So funktioniert’s

  1. Overlay erstellen

    Countdown, Timer oder Uhr, in „Weiß ohne Hintergrund“ für einen transparenten Hintergrund.

  2. Link kopieren

    Tippe auf „Link für Notion“: Die reine Adresse ist genau das, was OBS braucht.

  3. Browserquelle hinzufügen

    In OBS: Quellen, +, Browser. Link bei URL einfügen, Größe setzen, OK.

Hast du einen Verbesserungsvorschlag?

Wir bauen Tools, die so einfach und intuitiv wie möglich sind, mit ein paar Extras hier und da. Sag uns, was dieses hier besser machen würde.

Schritt für Schritt in OBS Studio

  1. Erstelle oben das Widget. Für ein Overlay über deinem Video wähle Weiß ohne Hintergrund.
  2. Tippe auf Link für Notion, um die Adresse zu kopieren.
  3. Klicke in OBS im Bereich Quellen auf + und wähle Browser.
  4. Füge die Adresse im Feld URL ein und setze Breite und Höhe, zum Beispiel 800 × 300 für einen Countdown.
  5. Bestätige mit OK, dann verschiebe und skaliere die Quelle in der Szene.

OBS füllt sein Feld für benutzerdefiniertes CSS mit einer Regel, die den Seitenhintergrund transparent macht. Lass sie stehen: Mit einem Widget ohne Hintergrund liegen nur die Ziffern über deinem Video.

„Gleich geht’s los“-Szene

Ein Countdown in deiner Zeitzone, eingestellt auf den Beginn des Streams, ergibt eine einfache Warteszene: Leg ihn über ein Hintergrundbild, mit dem Titel „Live in“ und einer Nachricht für null wie „Los geht’s!“. Er endet zur geplanten Zeit, auch wenn du die Szene früher öffnest.

Timer im Stream

Für einen Timer, der startet, sobald die Szene erscheint, wähle von selbst startet und aktiviere in den Eigenschaften der Quelle die Option, die den Browser neu lädt, wenn die Szene aktiv wird: Bei jedem Wechsel in die Szene beginnt der Timer wieder mit der vollen Dauer. Damit der Ton im Stream zu hören ist, aktiviere in denselben Eigenschaften die Audiosteuerung über OBS.

OverlayGröße in OBS
Countdown mit Titel800 × 300
Uhr in einer Ecke400 × 160
Timer600 × 300

Fragen

Der Hintergrund ist nicht transparent. Warum?

Wähle im Satz „Weiß ohne Hintergrund“ (oder Schwarz) und kopiere den Link neu. Prüfe außerdem, ob das CSS-Feld der Browserquelle noch die Standardregel enthält.

Kann ich meine eigene Schrift verwenden?

Das Widget nutzt Anton für die Ziffern. Die Farben kannst du in der Adresse ändern (c= und f=), die Schrift nicht.

Startet der Timer neu, wenn ich die Szene wechsle?

Nur wenn du das Neuladen beim Aktivieren der Szene eingeschaltet hast. Sonst behält er seinen Stand, solange OBS offen ist.