Jak dodać overlay Thunderstream do OBS i TikTok LIVE Studio

Zacznij od właściwego linku

Otwórz panel Thunderstream, włącz potrzebne narzędzie i przejdź do galerii overlayów albo jego konfiguracji. Wybierz np. alerty, czat transmisji lub licznik widzów. Zapisz ustawienia, zanim skopiujesz adres.

Skopiuj link przeznaczony dla źródła overlay. Adres zwykłej strony, panelu administracyjnego lub lokalnego podglądu nie zastąpi tego linku. Overlaye Thunderstream są hostowane w thunderstream.net także wtedy, gdy korzystasz z programu komputerowego.

Słownik bez trudnych skrótów

Słownik bez trudnych skrótów
Pojęcie	Co to znaczy w praktyce
Scena	Gotowy układ obrazu: np. gra z kamerą albo plansza przerwy. Wybór sceny określa, co pokażesz.
Źródło	Jeden składnik sceny: gra, kamera, tekst, dźwięk lub strona z nakładką. Kolejność źródeł decyduje, co przykrywa co.
URL	Pełny adres internetowy. Kopiuj go przyciskiem w panelu; nie przepisuj fragmentów i nie dodawaj spacji.
Zdarzenie	Nowa informacja z platformy, np. wiadomość, obserwacja lub prezent. Test wyglądu nie zawsze jest rzeczywistym zdarzeniem.
Rozdzielczość	Szerokość × wysokość obszaru, np. 1920 × 1080. To inna rzecz niż pomniejszenie prostokąta źródła myszą.

Krok po kroku · 1–4

Czynność
Otwórz Thunderstream i wybierz Overlaye w lewym menu.
✓ Po tym kroku zobaczysz
Widzisz osobne nakładki, np. alerty i czat.
Czynność
Otwórz wybraną nakładkę i włącz jej narzędzie.
✓ Po tym kroku zobaczysz
Podgląd nie jest zasłonięty komunikatem o wyłączeniu.
Czynność
Zanotuj szerokość i wysokość linku, np. 1920 i 1080.
✓ Po tym kroku zobaczysz
Masz dwie liczby, które później wpiszesz w źródle.
Czynność
Zapisz ustawienia, które właśnie zmieniłeś.
✓ Po tym kroku zobaczysz
Po ponownym otwarciu pola zachowują wartości.

**Thunderstream: sekcja alertów na koncie demonstracyjnym. Najpierw wybierz platformę i pojedynczą regułę.**Rzeczywisty panel na koncie demonstracyjnym; przykładowe dane nie pochodzą z transmisji użytkowników.Źródło zdjęcia: Thunderstream · Źródło sprawdzone: 2026-10-27

Krok po kroku · 5–8

Czynność
Kliknij Kopiuj link przy polu nakładki.
✓ Po tym kroku zobaczysz
W schowku jest jej prywatny adres, a nie adres całego panelu.
Czynność
W OBS wybierz docelową scenę z listy Sceny.
✓ Po tym kroku zobaczysz
Nazwa właściwej sceny jest zaznaczona.
Czynność
Pod listą Źródła kliknij +, a potem Przeglądarka (Browser).
✓ Po tym kroku zobaczysz
Otwiera się tworzenie źródła internetowego.
Czynność
Wybierz Utwórz nowe i wpisz nazwę, np. Czat Thunderstream.
✓ Po tym kroku zobaczysz
Rozpoznasz źródło na późniejszej liście.

**OBS: właściwości źródła Przeglądarka. Tutaj trafia URL widgetu oraz jego szerokość i wysokość.**Rzeczywisty zrzut z oficjalnej dokumentacji. Wersja i język programu mogą różnić się od Twoich.Źródło zdjęcia: OBS Project · Źródło sprawdzone: 2026-10-27

Krok po kroku · 9–12

Czynność
Wklej własny link do URL; Plik lokalny pozostaw wyłączony.
✓ Po tym kroku zobaczysz
Pole zawiera adres nakładki, nie stronę logowania.
Czynność
Wpisz dokładnie zanotowaną szerokość i wysokość.
✓ Po tym kroku zobaczysz
Obszar źródła odpowiada obszarowi zapisanej nakładki.
Czynność
Kliknij OK i przesuń źródło nad grę na liście Źródła.
✓ Po tym kroku zobaczysz
Gra nie zasłania nakładki; ikona oka jest włączona.
Czynność
Przed LIVE uruchom Test w Thunderstream.
✓ Po tym kroku zobaczysz
Przykładowa reakcja jest widoczna w scenie OBS.

**TikTok LIVE Studio: rzeczywisty przykład dodawania zewnętrznego ekranu alertów. Wygląd menu zależy od wydania i dostępności źródła Link.**Rzeczywisty zrzut z oficjalnej dokumentacji. Wersja i język programu mogą różnić się od Twoich.Źródło zdjęcia: TikFinity · Źródło sprawdzone: 2026-10-27

Krok po kroku · 13–16

Czynność
W LIVE Studio wybierz dodawanie źródła, następnie Link.
✓ Po tym kroku zobaczysz
W obsługiwanej wersji otwiera się pole adresu internetowego.
Czynność
Wklej swój link i ustaw zgodny obszar, a potem warstwę nad grą.
✓ Po tym kroku zobaczysz
Ten sam test widać w podglądzie LIVE Studio.
Czynność
Nagraj lokalnie 20 sekund z jednym testem i mikrofonem.
✓ Po tym kroku zobaczysz
Na pliku widać nakładkę i słychać jeden dźwięk.
Czynność
Zablokuj gotowe źródło kłódką.
✓ Po tym kroku zobaczysz
Przypadkowe przeciągnięcie nie przesuwa nakładki.

Przykład, który możesz odtworzyć

Pozioma scena i link mają 1920 × 1080. Alert ustawiony daleko po prawej może zniknąć w źródle mającym tylko 800 pikseli szerokości. Powiększenie czerwonej ramki źródła na scenie nie zmienia jego wewnętrznej rozdzielczości.

Najpierw wybierz układ: poziomy czy pionowy?

Rozdzielczość źródła to obszar, w którym overlay rysuje swoje elementy. Rozmiar tego obszaru i wielkość prostokąta, który przeciągasz myszą na scenie, to dwie różne rzeczy. Pomniejszenie prostokąta nie przeniesie elementu, który wcześniej znalazł się poza obszarem źródła.

W Thunderstream wybierz format odpowiadający Twojej scenie, zapisz pozycję i dopiero potem wpisz wymiary w programie nadawczym. Przy zmianie formatu z poziomego na pionowy ponownie sprawdź położenie alertu, topki i czatu. Nie rozciągaj nakładki nierównomiernie, bo zniekształcisz litery i avatary.

Najpierw wybierz układ: poziomy czy pionowy?
Przeznaczenie	Przykładowy obszar źródła	Ważne przy ustawianiu
Scena pozioma	1920 × 1080	Zachowaj proporcje i sprawdź pozycję przy krawędziach.
Scena pionowa	1080 × 1920	Ustaw elementy dla widoku telefonu, nie dla szerokiego monitora.
Własny format	Wymiary zapisane w Thunderstream	Źródło w OBS lub LIVE Studio musi mieć takie same wymiary.

Dodaj źródło w OBS Studio

Źródło przeglądarkowe wyświetla stronę, a nie nagranie Twojego panelu. Dzięki temu ustawienia, przyciski i prywatne informacje nie trafiają do obrazu. W scenie powinna być widoczna tylko zawartość wybranego overlaya.

Wybierz scenę, do której ma trafić overlay. W panelu Źródła kliknij plus i wybierz Przeglądarka.
Utwórz nowe źródło i nadaj mu czytelną nazwę, np. „Thunderstream — czat”.
Wklej skopiowany adres w polu URL. Pozostaw opcję pliku lokalnego wyłączoną.
Ustaw szerokość i wysokość zgodnie z panelem Thunderstream. Dla konfiguracji 1920 × 1080 wpisz dokładnie te wartości.
Zatwierdź źródło. Na liście Źródła przesuń je nad przechwytywanie gry lub kamery.

Dodaj źródło w TikTok LIVE Studio

Nazwy pozycji zależą od języka i wydania LIVE Studio. Szukasz źródła wyświetlającego stronę z adresu URL. Jeżeli Twoja wersja nie udostępnia tej funkcji, sprawdź aktualizacje i pomoc LIVE Studio; nie wybieraj przypadkowego źródła, które przechwytuje cały pulpit.

W LIVE Studio wybierz scenę i otwórz dodawanie źródła.
W wersji obsługującej źródła internetowe wybierz Link lub odpowiadające mu źródło z polem adresu URL.
Wklej ten sam link overlaya z Thunderstream i ustaw zgodne wymiary.
Umieść źródło nad obrazem gry i sprawdź położenie elementów w podglądzie.

Ułóż źródła tak, aby nic nie zasłaniało alertów

Do kolejnej sceny możesz dodać istniejące źródło zamiast tworzyć nową niezależną kopię z tym samym linkiem. Przemyśl to szczególnie dla źródeł odtwarzających dźwięk: dwie aktywne kopie mogą być przyczyną podwójnego odczytu. Nie usuwaj źródła, które już poprawnie działa, zanim sprawdzisz zamiennik.

Najniżej na liście umieść tło lub grę. Nad nimi dodaj kamerę i dekoracje, a źródła Thunderstream ułóż tam, gdzie mają być widoczne na finalnym obrazie.
Zaznacz źródło overlaya. Jeżeli zostało przypadkowo przycięte, sprawdź jego przekształcenie i kadrowanie. W OBS skorzystaj z menu kontekstowego źródła i opcji Przekształć; nazwa zależy od języka programu.
Położenie samego alertu zmieniaj w konfiguracji danego alertu w Thunderstream. Ustaw X, Y, rozmiar i animację, kliknij Zapisz, a następnie przetestuj zapisane ustawienia.
Po ustawieniu źródła zablokuj je kłódką na liście źródeł. Dzięki temu podczas przesuwania kamery nie przesuniesz przypadkiem całego obszaru z alertami.

Zapisz, przetestuj i sprawdź dźwięk

Wróć do Thunderstream i uruchom test zapisanej konfiguracji. Zrób go przed rozpoczęciem LIVE: symulacje mogą być ograniczone podczas prawdziwej transmisji. Porównaj położenie i wielkość z programem streamingowym, nie tylko z podglądem w panelu.

Jeżeli dźwięk obsługuje program Thunderstream, przechwytuj dźwięk programu lub pulpitu. Nie uruchamiaj jednocześnie drugiego odczytu TTS w innym panelu albo źródle, bo odbiorcy mogą usłyszeć echo. W OBS sprawdź mierniki i wykonaj krótkie lokalne nagranie.

Dźwięk: panel, program czy źródło przeglądarkowe?

Najpierw ustal, skąd faktycznie dochodzi dźwięk. Jeżeli odtwarza go program Thunderstream, w programie nadawczym przechwytuj dźwięk tej aplikacji albo właściwego urządzenia systemowego. Jeżeli odtwarza go źródło przeglądarkowe, sprawdź jego udział w mikserze. Wybór zależy od ustawionego sposobu odtwarzania.

Odsłuch we własnych słuchawkach i dźwięk wysyłany do widzów to odrębne sprawy. Sam fakt, że słyszysz alert przy komputerze, nie potwierdza, że trafił do transmisji. Wykonaj krótkie nagranie z mikrofonem i jednym testowym alertem, a potem je odtwórz.

Uruchom jeden test i obserwuj, który miernik dźwięku reaguje. Upewnij się, że to źródło nie jest wyciszone.
Sprawdź, czy wybrany tor dźwięku jest uwzględniony w wyjściu transmisji. Jeżeli słyszysz dwie kopie, wyłącz powielone przechwytywanie tego samego dźwięku.
Odsłuch publicznego LIVE w drugiej karcie wycisz albo prowadź na słuchawkach. Dźwięk z głośników może wracać do mikrofonu.
Dopasuj głośność muzyki i TTS do głosu. W programie komputerowym możesz dodatkowo ustawić ściszanie muzyki po wykryciu mikrofonu.

Zmiana sceny, odświeżanie i płynność animacji

Źródło przeglądarkowe ma osobne opcje wyłączania po ukryciu i odświeżania przy aktywacji sceny. Odświeżenie ładuje overlay od początku. Dla elementów, które mają zachować ciągłość, nie włączaj automatycznego przeładowywania bez potrzeby. Z kolei nieużywana nakładka nie musi działać w wielu scenach jako kilka niezależnych kopii.

Nie zwiększaj liczby klatek źródła tylko dlatego, że komputer ma szybki monitor. Dobierz ją do swojej transmisji i sprawdź efekt na nagraniu. Przy problemach z płynnością zacznij od usunięcia zbędnych kopii źródeł i zamknięcia nieużywanych podglądów, zamiast odświeżać wszystko podczas LIVE.

Po zmianie ustawień zapisz je w Thunderstream. Odśwież jedno źródło dopiero wtedy, gdy rzeczywiście jest to potrzebne. Unikniesz przypadkowego przerwania animacji, muzyki lub odczytu.

Puste źródło? Sprawdź te rzeczy w tej kolejności

Porównaj wymiary źródła z wymiarami zapisanymi w Thunderstream. Element może znajdować się poza zbyt małym obszarem.
Sprawdź ikonę widoczności źródła, jego kolejność na scenie oraz to, czy narzędzie jest włączone.
Zweryfikuj, czy skopiowano cały aktualny link i czy konto jest połączone z rzeczywistym LIVE.
Pamiętaj, że pusta topka bez uczestników albo alert oczekujący na zdarzenie mogą być celowo niewidoczne. Użyj testu przed transmisją.
Jeśli zmieniano link lub jego parametry, odśwież wyłącznie to źródło po zapisaniu. Nie rozłączaj działającego LIVE bez potrzeby.

Co widzisz na ekranie i jak to naprawić

Naprawiaj po jednej rzeczy i ponawiaj tę samą próbę. Jeśli jednocześnie zmienisz kilka opcji, trudno będzie ustalić, co rozwiązało problem. Nie kasuj działającego źródła ani całej konfiguracji tylko dlatego, że jeden widget nie reaguje.

Jeżeli nadal potrzebujesz pomocy, zapisz nazwę programu i jego wersję, platformę, przybliżoną godzinę próby, oczekiwany wynik oraz to, co rzeczywiście się stało. Dołącz zrzut bez haseł, kluczy i pełnych prywatnych linków. Taki opis jest znacznie użyteczniejszy od samego komunikatu „nie działa”.

Co widzisz na ekranie i jak to naprawić
Objaw	Najpierw sprawdź	Zrób to
Widzę cały panel.	Wklejono adres z paska przeglądarki.	Skopiuj pole prywatnego linku konkretnej nakładki.
Widzę Minecraft z demonstracji.	Użyto podglądu zamiast linku produkcyjnego.	Podmień URL na link wybranego overlaya.
Źródło jest puste.	Brak zdarzenia, wyłączone narzędzie albo mały obszar.	Sprawdź Test, przełącznik, wymiary oraz kolejność warstw.
Nakładka jest rozciągnięta.	Zmieniono proporcje prostokąta.	Przywróć proporcje i dopasuj źródło bez rozciągania jednej osi.

Ostatnia próba przed użyciem na LIVE

Zapisz zmiany przyciskiem przypisanym do edytowanej funkcji. Jeżeli są osobne formularze, sprawdź każdy zmieniony fragment osobno.
Otwórz ustawienia ponownie i porównaj najważniejsze wartości. Samo przesunięcie suwaka nie zawsze oznacza trwały zapis.
Sprawdź wynik poza samym edytorem: na docelowej scenie, w nagraniu albo w ponownie otwartej konfiguracji.
Jeżeli funkcja korzysta z platformy, osobno potwierdź nowe obsługiwane zdarzenie podczas aktywnego LIVE. Nie oczekuj, że test wyglądu potwierdzi autoryzację konta.
Zapisz działające wartości i wykonaj kopię przed kolejną większą zmianą. Przy następnym uruchomieniu zacznij od krótkiej kontroli.

Sprawdź przed LIVE

Własny link i zgodna rozdzielczość.
Źródło jest nad grą, a narzędzie jest włączone.
Test widać w programie streamingowym.
Dźwięk słychać raz i potwierdza to krótkie nagranie.
Po zmianie sceny źródło nadal działa i nie odtwarza drugiej kopii dźwięku.
Klucz transmisji nie został wklejony do źródła overlaya.
Ponownie otwarte ustawienia zachowują zapisane wartości.
Pojedyncza próba jest potwierdzona na docelowym wyjściu.

Pytania, które pojawiają się najczęściej

Czy podgląd Minecraft z panelu pojawi się na moim LIVE?

Nie kopiuj adresu podglądu. Produkcyjny link overlaya pokazuje elementy nakładki nad Twoją sceną; tło demonstracyjne służy do konfiguracji.

Czy muszę mieć otwartą przeglądarkę?

Jeżeli panel lub program obsługuje TTS, muzykę albo inne lokalne działania, pozostaw go uruchomionego. Sam link źródła nie zastępuje połączenia LIVE i wszystkich procesów odtwarzania.

Czy jeden link wystarczy do wszystkich narzędzi?

Kopiuj link wybranego typu overlaya. Oddzielne źródła pozwalają osobno ustawiać alerty, czat i pozostałe dodatki.

Czy do overlaya trzeba wkleić klucz transmisji?

Nie. Źródło Przeglądarka lub Link otrzymuje link overlaya z Thunderstream. Klucz streamu trafia do ustawień nadawania w OBS lub innym koderze, a nie do adresu nakładki.

Dlaczego w panelu alert jest na środku, a na LIVE go nie widać?

Porównaj rozdzielczość i proporcje obu obszarów. Sprawdź też kadrowanie, kolejność źródeł, zapis pozycji danego alertu i test jego zapisanej konfiguracji.

Co zrobić, jeżeli mój ekran wygląda inaczej niż zdjęcie?

Sprawdź nazwę programu, wersję i wybraną funkcję. Zrzut jest prawdziwy, ale pochodzi z konkretnego wydania i języka. Szukaj opisanego pola według jego zadania. Gdy opcji nie ma, sprawdź aktualną oficjalną pomoc oraz dostępność na swoim koncie.