Jak dodać timer do OBS Studio
- Ustaw timer powyżej i kliknij Kopiuj URL.
- W OBS kliknij + pod Źródłami obrazu i wybierz Przeglądarka. Nadaj źródłu nazwę, na przykład „Odliczanie”.
- Wklej link w pole URL.
- W polach Szerokość i Wysokość wpisz rozmiar podany pod Twoim linkiem (800 × 300, jeśli go nie zmieniałeś). Pole Własny CSS zostaw bez zmian: to ono utrzymuje przezroczyste tło.
- Używasz dźwięku? Zaznacz Kontroluj dźwięk przez OBS. Alarm dostanie wtedy własny suwak w mikserze dźwięku i usłyszą go Twoi widzowie. Żeby słyszeć go także samemu, otwórz Zaawansowane ustawienia dźwięku i włącz monitorowanie dla tego źródła („Monitorowanie włączone”).
- Kliknij OK i przesuń timer w wybrane miejsce sceny.
Wskazówka: zaznacz Odśwież przeglądarkę, gdy scena zostanie aktywowana, a odliczanie zacznie się od początku za każdym razem, gdy przełączysz się na tę scenę. Dokładnie tego potrzebujesz w scenach „Zaraz zaczynamy” i „Zaraz wracam”.
Od nowa czy dalej? Gdy zaznaczone jest Odśwież przeglądarkę, gdy scena zostanie aktywowana albo Zamknij źródło, gdy niewidoczne, OBS ładuje stronę ponownie i odliczanie zaczyna się od początku. Przy długich timerach, na przykład podczas subathonu, włącz Kontynuuj po odświeżeniu albo użyj trybu Do godziny. Oba po ponownym załadowaniu zawsze pokazują właściwy pozostały czas.
Streamlabs, Meld, XSplit i TikTok LIVE Studio
Nakładka to zwykła strona internetowa, więc pokaże ją każdy program do streamowania ze źródłem przeglądarki. W Streamlabs Desktop dodaj Browser Source, w XSplit źródło Webpage, w Meld Studio warstwę Browser, a w TikTok LIVE Studio źródło Link. Wklej ten sam URL i użyj tej samej szerokości oraz wysokości. Do pionowego formatu TikToka wybierz rozmiar Pionowo (1080 × 1920). Jeśli źródło Link w TikTok LIVE Studio pozostaje puste, zmień dowolną wartość w linku, na przykład dopisz &v=2 na końcu, a program załaduje go ponownie.
Automatyczny start „Gdy zaczniesz transmisję” korzysta z funkcji OBS i działa w OBS Studio oraz Streamlabs Desktop. W innych programach timer startuje po prostu od razu po załadowaniu źródła.
Który tryb pasuje do Twojego streama?
- Odliczanie: stały czas, na przykład 5 lub 10 minut, na „Zaraz zaczynamy”, „Zaraz wracam” albo krótkie wyzwanie.
- Do godziny: odlicza do konkretnej godziny, np. 20:00, więc timer zawsze zgadza się z ogłoszonym planem, nawet jeśli włączysz OBS wcześniej.
- Stoper: liczy w górę. Sprawdzi się jako czas trwania streama („Na żywo od 1:23:45”) albo przy wyzwaniach i speedrunach.
- Plan streama: kilka etapów po kolei, każdy z własną nazwą: pogaduchy, główna gra, przerwa, zakończenie. Nazwa zmienia się sama.
- Pomodoro: bloki skupienia i przerw do streamów „ucz się ze mną” i coworkingu, z opcjonalną długą przerwą co cztery bloki.
Sterowanie timerem w trakcie streama
Kliknij prawym przyciskiem źródło w OBS i wybierz Włącz interakcję. W tym oknie sterujesz timerem bez otwierania innych programów:
| Akcja | Efekt |
|---|---|
| Kliknięcie | Pauza lub wznowienie (albo start, jeśli start ustawiono na „Po kliknięciu”) |
| Podwójne kliknięcie lub R | Od nowa |
| N | Przejdź do następnego etapu |
| + / - | Minuta więcej lub mniej |
| ↑ / ↓ | Dziesięć sekund więcej lub mniej |
Kliknięcia działają w każdej wersji OBS. Skróty klawiszowe zależą od wersji i na macOS czasem nie docierają do strony, więc w razie wątpliwości użyj myszy. Dodawanie czasu przydaje się w subathonach i wtedy, gdy Twój stream potrzebuje po prostu kilku minut więcej.
Zdalne sterowanie przez Streamer.bot lub Stream Deck
OBS może wysyłać zdarzenia do źródeł przeglądarki przez wbudowany serwer WebSocket. Dzięki temu sterujesz timerem z innych programów, bez otwierania OBS. W Streamer.bot, wtyczce do Stream Decka albo dowolnym kliencie obs-websocket wyślij żądanie CallVendorRequest z vendorem obs-browser, typem żądania emit_event i tymi danymi:
{"event_name": "finaltimer", "event_data": {"action": "add", "seconds": 300}}Dostępne akcje to start, pause, resume, toggle, restart, next i add (z seconds lub minutes; wartości ujemne odejmują czas). Kilka timerów naraz? Nadaj każdemu ID nakładki i dodaj do danych "id": "subathon", a zareaguje tylko ten timer. Typowy subathon: akcja w Streamer.bot, która przy każdej nowej subskrypcji dodaje pięć minut.
Wskazówki dla czystej nakładki
- Na gameplayu używaj Obrysu lub Miękkiego cienia, żeby cyfry były czytelne także na jasnym i ruchliwym tle.
- Aby powiększyć timer, zmień Szerokość i Wysokość we właściwościach źródła, zamiast ciągnąć za rogi. Z opcją „Dopasuj do źródła” cyfry pozostaną ostre w nowym rozmiarze.
- Przy długich timerach włącz Kontynuuj po odświeżeniu. Wtedy awaria, restart OBS czy odświeżenie nie wyzerują zegara Twojego subathonu.
- Nakładka używa czcionek, które masz już na komputerze. Nic nie jest pobierane z innych serwerów, a strona waży tylko kilka kilobajtów.
- Strona nakładki nie wyświetla reklam, nie śledzi i nie ma znaku wodnego. Liczymy tylko, ile razy załadowano nakładki, bez danych osobowych.
Parametry URL dla zaawansowanych
Wszystko, co ustawisz powyżej, trafia do linku, więc możesz go też edytować ręcznie. Najważniejsze parametry:
| Parametr | Przykład | Znaczenie |
|---|---|---|
mode | down, until, up, seq, pomo | Odliczanie, do godziny, stoper, plan streama, Pomodoro |
t | 10m, 1h30m, 5:00 | Czas odliczania |
at | 20:00 | Godzina docelowa dla trybu „Do godziny” |
step | 5m~Zaraz zaczynamy | Jeden etap planu streama (powtórz dla każdego etapu) |
work, brk, long, every, cycles | 25m, 5m, 15m, 4, 4 | Pomodoro: skupienie, przerwa, długa przerwa, długa przerwa co, liczba bloków |
title, end | dowolny tekst | Tytuł nad timerem, tekst po dojściu do zera |
after | text, stay, hide, over | Co dzieje się po dojściu do zera |
style | plain, pill, bar, ring | Wygląd timera |
color, accent, bg | ffffff | Kolory szesnastkowo bez # |
sound, vol | alarm3, 80 | Dźwięk po dojściu do zera i głośność w procentach |
start | load, stream, click | Kiedy timer startuje |
resume | 1 | Kontynuuj po odświeżeniu |
beep | 3 | Piknięcia w ostatnich sekundach |
id | subathon | Nazwa do zdalnego sterowania przez zdarzenia |
Chcesz własną czcionkę albo kolory spoza listy? W polu Własny CSS źródła działają reguły takie jak .ov-time { font-family: "Twoja czcionka"; } i .ov-title { text-transform: uppercase; }.
Najczęstsze pytania
Czy timer do OBS jest darmowy?
Tak. Nakładka jest całkowicie darmowa, nie wymaga konta i nie pokazuje znaku wodnego ani reklam. Możesz tworzyć dowolnie wiele timerów.
Czy odliczanie trwa dalej, gdy zmienię scenę?
Tak, dopóki OBS trzyma źródło załadowane, a tak jest domyślnie. Jeśli zaznaczysz „Zamknij źródło, gdy niewidoczne”, strona załaduje się ponownie, gdy znów stanie się widoczna. Z opcją „Kontynuuj po odświeżeniu” lub w trybie „Do godziny” timer i tak pokaże właściwy pozostały czas.
Dlaczego nie słyszę alarmu?
Sprawdź, czy wybrano dźwięk, czy we właściwościach źródła zaznaczono „Kontroluj dźwięk przez OBS” i czy źródło nie jest wyciszone w mikserze dźwięku. W zwykłej karcie przeglądarki dźwięk zagra dopiero po jednym kliknięciu na stronie.
Czy timer może wystartować sam, gdy zacznę transmisję?
Tak. Ustaw start na „Gdy zaczniesz transmisję”. Timer czeka i rusza w chwili, gdy OBS rozpoczyna transmisję. Poza OBS startuje od razu.
Czy to działa ze Streamlabs, Meld lub TikTok LIVE Studio?
Tak. Każdy program ze źródłem przeglądarki lub strony internetowej pokaże nakładkę. Wklej ten sam link i użyj szerokości oraz wysokości podanych na tej stronie. Automatyczny start przy rozpoczęciu transmisji działa w OBS Studio i Streamlabs Desktop.
Czy suby lub donacje mogą automatycznie dodawać czas?
Tak, z programem takim jak Streamer.bot, który reaguje na suby, bitsy lub donacje. Wysyła on zdarzenie przez serwer WebSocket OBS, a timer dolicza czas. Po naszej stronie nie potrzebujesz konta ani połączenia z kontem Twitch.
Czy widzowie widzą ten sam czas?
Tak. Timer jest rysowany na Twoim komputerze i wysyłany jako część streama, więc wszyscy widzą dokładnie ten czas, który masz na ekranie, niezależnie od tego, gdzie są.
Czy zbieracie jakieś dane?
Strona nakładki nie ładuje reklam, narzędzi analitycznych ani ciasteczek. Zwiększa tylko anonimowy licznik załadowanych nakładek. Twoje ustawienia są zapisane w samym linku.