Безкоштовний посібник · Для початківцівOBS

Як додати накладення Thunderstream до OBS і TikTok LIVE Studio

Гра та камера вже в сцені, але сповіщення все ще видно лише на панелі? Overlay — це окрема сторінка, присвячена програмі потокового передавання. Ви вставляєте його посилання як джерело, і над зображенням з’являються прозорі елементи. Ми покажемо вам весь процес і найпоширенішу причину порожнього джерела: роздільна здатність, відмінна від збереженої на панелі.

Команда Thunderstream13 хвилини читання4Переглядионовлення:

Почніть з правильного посилання

Відкрийте панель Thunderstream, увімкніть необхідний інструмент і перейдіть до галереї оверлеїв або їх конфігурації. Виберіть, наприклад, сповіщення, трансляцію чату або лічильник переглядів. Перед копіюванням адреси збережіть налаштування.

Скопіюйте посилання, призначене для джерела накладання. Адреса звичайного веб-сайту, панелі адміністрування або локальний попередній перегляд не замінить це посилання. Накладення Thunderstream розміщуються на Thunderstream.net також, коли ви використовуєте програму для робочого столу.

Словник без складних скорочень

Словник без складних скорочень
КонцепціяЩо це означає на практиці?
СценаГотовий макет зображення: напр. гра з камерою або дошкою для перерв. Вибрана вами сцена визначає те, що ви показуєте.
ДжерелоОдин компонент сцени: гра, камера, текст, аудіо або сторінка з накладанням. Порядок джерел визначає, що охоплює.
URLПовна веб-адреса. Скопіюйте його за допомогою кнопки на панелі; не копіювати фрагменти і не додавати пробіли.
ПодіяНова інформація з платформи, наприклад повідомлення, зауваження чи подарунок. Перевірка зовнішності не завжди є реальною подією.
резолюціяШирина × висота області, напр. 1920 × 1080. Це відрізняється від зменшення вихідного прямокутника за допомогою миші.

Крок за кроком · 1–4

  1. Дія

    Відкрийте Thunderstream і виберіть Overlays у меню ліворуч.

    ✓ Після цього кроку ви побачите

    Ви бачите окремі накладання, наприклад сповіщення та чат.

  2. Дія

    Відкрийте вибране накладення та ввімкніть його інструмент.

    ✓ Після цього кроку ви побачите

    Попередній перегляд не закривається вимкненим повідомленням.

  3. Дія

    Зверніть увагу на ширину та висоту посилання, напр. 1920 і 1080.

    ✓ Після цього кроку ви побачите

    У вас є два числа, які ви пізніше введете в джерело.

  4. Дія

    Збережіть налаштування, які ви щойно змінили.

    ✓ Після цього кроку ви побачите

    Після повторного відкриття поля зберігають свої значення.

Thunderstream: Розділ сповіщень у демонстраційному обліковому записі. Спочатку виберіть платформу та одне правило.Збільште скріншот ↗
Thunderstream: Розділ сповіщень у демонстраційному обліковому записі. Спочатку виберіть платформу та одне правило.Фактична інформаційна панель на демо-рахунку; зразки даних не надходять із трансляцій користувачів.Джерело фото: Thunderstream · Джерело перевірено: 2026-10-27

Крок за кроком · 5–8

  1. Дія

    Натисніть посилання Копіювати поруч із полем накладання.

    ✓ Після цього кроку ви побачите

    Її особиста адреса знаходиться в буфері обміну, а не адреса всієї панелі.

  2. Дія

    У OBS виберіть цільову сцену зі списку Сцени.

    ✓ Після цього кроку ви побачите

    Назва правильної сцени буде виділено.

  3. Дія

    У списку «Джерела» натисніть «+», а потім «Браузер».

    ✓ Після цього кроку ви побачите

    Відкриється створення веб-джерела.

  4. Дія

    Виберіть «Створити новий» і введіть назву, напр. Thunderstream Чат.

    ✓ Після цього кроку ви побачите

    Ви впізнаєте джерело в наступному списку.

OBS: вихідні властивості браузера. Тут міститься URL-адреса віджета, його ширина та висота.Збільште скріншот ↗
OBS: вихідні властивості браузера. Тут міститься URL-адреса віджета, його ширина та висота.Фактичний скріншот з офіційної документації. Версія та мова програми можуть відрізнятися від вашої.Джерело фото: OBS Project · Джерело перевірено: 2026-10-27

Крок за кроком · 9–12

  1. Дія

    Вставте власне URL-посилання; Залишити локальний файл вимкненим.

    ✓ Після цього кроку ви побачите

    Поле містить адресу накладання, а не сторінку входу.

  2. Дія

    Введіть точні ширину та висоту, які ви зазначили.

    ✓ Після цього кроку ви побачите

    Вихідна область відповідає області збереженого накладання.

  3. Дія

    Натисніть «ОК» і перемістіть джерело над грою в списку «Джерела».

    ✓ Після цього кроку ви побачите

    Гра не покриває оверлей; горить значок ока.

  4. Дія

    Перед LIVE запустіть Test у Thunderstream.

    ✓ Після цього кроку ви побачите

    Приклад реакції можна побачити в сцені OBS.

TikTok LIVE Studio: Реальний приклад додавання зовнішнього екрана сповіщень. Зовнішній вигляд меню залежить від випуску та доступності джерела посилання.Збільште скріншот ↗
TikTok LIVE Studio: Реальний приклад додавання зовнішнього екрана сповіщень. Зовнішній вигляд меню залежить від випуску та доступності джерела посилання.Фактичний скріншот з офіційної документації. Версія та мова програми можуть відрізнятися від вашої.Джерело фото: TikFinity · Джерело перевірено: 2026-10-27

Крок за кроком · 13–16

  1. Дія

    У LIVE Studio виберіть «Додати джерело», а потім «Посилання».

    ✓ Після цього кроку ви побачите

    У підтримуваній версії відкриється поле веб-адреси.

  2. Дія

    Вставте своє посилання та встановіть сумісну область, а потім шар над грою.

    ✓ Після цього кроку ви побачите

    Цей же тест можна побачити в попередньому перегляді LIVE Studio.

  3. Дія

    Записуйте 20 секунд локально за допомогою одного тесту та мікрофона.

    ✓ Після цього кроку ви побачите

    Файл показує накладання та чує один звук.

  4. Дія

    Закрийте готовий джерело на замок.

    ✓ Після цього кроку ви побачите

    Випадкове перетягування не переміщує накладання.

Приклад, який ви можете відтворити

Горизонтальна сцена та посилання мають розмір 1920×1080. Попередження, встановлене в крайньому правому куті, може зникнути в джерелі шириною лише 800 пікселів. Збільшення червоної рамки джерела в сцені не змінює його внутрішньої роздільної здатності.

Спочатку виберіть розкладку: горизонтальну чи вертикальну?

Вихідна роздільна здатність — це область, у якій накладення малює свої елементи. Розмір цієї області та розмір прямокутника, який ви перетягуєте мишею на сцену, — дві різні речі. Зменшення прямокутника не перемістить елемент, який раніше був за межами вихідної області.

У Thunderstream виберіть формат, відповідний вашій сцені, збережіть позицію і тільки потім введіть розміри в програму трансляції. Змінюючи формат з альбомного на портретний, ще раз перевірте положення оповіщення, верхньої частини та чату. Не розтягуйте накладку нерівномірно, інакше ви спотворите букви і аватарки.

Спочатку виберіть розкладку: горизонтальну чи вертикальну?
ДоляОбласть джерела зразківВажливо під час налаштування
Горизонтальний етап1920×1080Дотримуйтеся пропорцій і перевіряйте положення по краях.
Вертикальний етап1080×1920Встановіть елементи для перегляду телефону, а не для широкого монітора.
Власний форматРозміри збережено в ThunderstreamДжерело в OBS або LIVE Studio повинно мати однакові розміри.

Додайте джерело в OBS Studio

Джерело браузера відображає сторінку, а не запис вашої панелі. Це запобігає потраплянню налаштувань, кнопок і особистої інформації на зображення. На сцені має бути видно лише вміст вибраного накладення.

  1. Виберіть сцену, де має бути накладення. На панелі «Джерела» натисніть плюс і виберіть «Браузер».
  2. Створіть нове джерело та дайте йому чітку назву, наприклад «Thunderstream – Чат».
  3. Вставте скопійовану адресу в поле URL. Залиште параметр локального файлу вимкненим.
  4. Встановіть ширину та висоту відповідно до панелі Thunderstream. Для конфігурації 1920 × 1080 введіть ці точні значення.
  5. Підтвердити джерело. У списку «Джерела» перемістіть його на вашу гру або знімок камери.

Додайте джерело в TikTok LIVE Studio

Назви елементів залежать від мови та видання LIVE Studio. Ви шукаєте джерело, яке відображає сторінку за URL-адресою. Якщо ваша версія не підтримує цю функцію, перевірте LIVE Studio на наявність оновлень і допомоги; не вибирайте випадкове джерело, яке захоплює весь ваш робочий стіл.

  1. У LIVE Studio виберіть сцену та відкрийте додавання джерела.
  2. У версії, яка підтримує веб-джерела, виберіть Посилання або відповідне джерело з полем URL-адреси.
  3. Вставте таке ж накладне посилання з Thunderstream і встановіть правильні розміри.
  4. Розмістіть джерело над зображенням гри та перевірте положення елементів у попередньому перегляді.

Розташуйте джерела так, щоб ніщо не закривало сповіщення

Ви можете додати існуюче джерело до наступної сцени замість створення нової незалежної копії з тим самим посиланням. Враховуйте це особливо для джерел, які відтворюють аудіо: дві активні копії можуть призвести до подвійного читання. Не видаляйте джерело, яке вже працює належним чином, перш ніж перевірити наявність заміни.

  1. Розмістіть фон або гру найнижче у своєму списку. Додайте камеру та декорації над ними та розмістіть джерела Thunderstream там, де ви хочете, щоб вони були видимі на кінцевому зображенні.
  2. Виберіть джерело накладання. Якщо його випадково обрізали, перевірте його трансформацію та кадрування. У OBS скористайтеся контекстним меню джерела та опцією «Трансформувати»; назва залежить від мови програми.
  3. Змініть розташування самого сповіщення в конфігурації певного сповіщення в Thunderstream. Встановіть X, Y, розмір і анімацію, натисніть «Зберегти», а потім перевірте збережені налаштування.
  4. Після встановлення джерела заблокуйте його на замок у списку джерел. Це дозволить уникнути випадкового переміщення всієї області з попередженнями під час переміщення камери.

Збережіть, протестуйте та перевірте звук

Поверніться до Thunderstream і запустіть тест збереженої конфігурації. Зробіть це перед запуском LIVE: симуляції можуть бути обмежені під час реальної трансляції. Порівняйте положення та розмір із програмою потокового передавання, а не лише з попереднім переглядом на панелі.

Якщо аудіо підтримує Thunderstream, записуйте програму або настільний аудіо. Не запускайте одночасно друге зчитування TTS на іншій панелі чи джерелі, оскільки одержувачі можуть почути відлуння. На OBS перевірте лічильники та зробіть короткий локальний запис.

Звук: джерело панелі, програми чи браузера?

Спочатку визначте, звідки насправді йде звук. Якщо Thunderstream відтворює його, зафіксуйте звук цієї програми або відповідного системного пристрою в програмі трансляції. Якщо джерело браузера відтворює його, перевірте його частку в мікшері. Вибір залежить від встановленого методу відтворення.

Прослуховування у власних навушниках і звук, який надсилається глядачам, – це різні речі. Те, що ви чуєте сповіщення на своєму комп’ютері, не означає, що воно транслювалося. Зробіть короткий запис за допомогою мікрофона та одного тестового сповіщення, а потім відтворіть його.

  1. Виконайте один тест і подивіться, який звукомір відповідає. Переконайтеся, що це джерело не вимкнено.
  2. Перевірте, чи вибраний аудіошлях включений у вихід трансляції. Якщо ви чуєте дві копії, вимкніть повторне захоплення одного звуку.
  3. Прослуховування загальнодоступного LIVE у другій вкладці вимкніть звук або використовуйте навушники. Звук із динаміків може повернутися до мікрофона.
  4. Підберіть гучність музики та TTS до свого голосу. У комп'ютерній програмі можна додатково налаштувати гучність, щоб відключити музику при виявленні мікрофона.

Зміна сцени, оновлення анімації та плавність

Джерело браузера має окремі параметри для вимкнення, коли приховано, та оновлення, коли сцену активовано. Оновлення завантажує накладення з самого початку. Для елементів, для яких ви хочете зберегти безперервність, не вмикайте автоматичне перезавантаження без потреби. У свою чергу, невикористаний оверлей не повинен функціонувати як кілька незалежних копій у багатьох сценах.

Не збільшуйте частоту кадрів вашого джерела лише тому, що ваш комп’ютер має швидкий монітор. Зіставте його з вашою трансляцією та перевірте ефект на записі. У разі проблем із частотою кадрів почніть із видалення непотрібних вихідних копій і закриття невикористаних попередніх переглядів, а не оновлюйте все під час LIVE.

Після зміни налаштувань збережіть їх у Thunderstream. Оновлюйте одне джерело лише тоді, коли воно вам дійсно потрібно. Ви уникнете випадкового переривання анімації, музики чи читання.

Порожнє джерело? Перевірте ці речі в такому порядку

  1. Порівняйте розміри джерела з розмірами, записаними в Thunderstream. Об’єкт може бути поза межами надто малої області.
  2. Перевірте піктограму видимості джерела, його порядок у сцені та чи ввімкнено інструмент.
  3. Переконайтеся, що все поточне посилання скопійовано та обліковий запис пов’язано зі справжнім LIVE.
  4. Пам’ятайте, що порожній верх без учасників або сповіщення, що очікує на подію, може бути навмисно невидимим. Використовуйте тест перед трансляцією.
  5. Якщо посилання або його параметри були змінені, оновіть лише це джерело після збереження. Не від’єднуйте запущений LIVE без потреби.

Що ви бачите на екрані і як це виправити

Виправляйте одну річ за раз і повторюйте те саме. Якщо змінити кілька варіантів одночасно, буде складно визначити, що вирішило проблему. Не видаляйте робоче джерело або всю конфігурацію лише тому, що один віджет не відповідає.

Якщо вам усе ще потрібна допомога, запишіть назву та версію програми, платформу, приблизний час пробної версії, очікуваний результат і те, що насправді сталося. Прикріпіть дамп без паролів, ключів і повних приватних посилань. Цей опис набагато корисніший, ніж просто повідомлення "не працює".

Що ви бачите на екрані і як це виправити
СимптомСпочатку перевіртеЗробіть це
Я бачу всю панель.Вставив адресу з панелі браузера.Скопіюйте поле приватного посилання певного накладання.
Я бачу Minecraft з демо.Замість робочого посилання використовувався попередній перегляд.Замініть URL-адресу посиланням вибраного накладення.
Джерело порожнє.Немає подій, вимкнений інструмент або мала область.Перевірте тест, перемикач, розміри та порядок шарів.
Накладка натягнута.Змінено пропорції прямокутника.Відновіть співвідношення сторін і налаштуйте джерело без розтягування однієї осі.

Остання спроба перед використанням на LIVE

  1. Збережіть зміни за допомогою кнопки, призначеної для редагованої функції. Якщо є окремі форми, перевірте кожну змінену частину окремо.
  2. Знову відкрийте налаштування та порівняйте найважливіші значення. Просте переміщення повзунка не завжди означає постійне збереження.
  3. Перевірте результат поза самим редактором: на цільовій сцені, у записі або у повторно відкритій конфігурації.
  4. Якщо функція використовує платформу, окремо підтвердьте нову оброблену подію під час активного LIVE. Не очікуйте, що перевірка зовнішнього вигляду підтвердить авторизацію облікового запису.
  5. Збережіть робочі значення та зробіть копію перед наступною великою зміною. Наступного разу, коли ви починаєте роботу, почніть із швидкої перевірки.

Перевірте перед LIVE

  • Ваше власне посилання та сумісна роздільна здатність.
  • Джерело знаходиться над грою, а інструмент увімкнено.
  • Тест можна подивитися в програмі стрімінг.
  • Звук лунає один раз і підтверджується коротким записом.
  • Після зміни сцени джерело продовжує працювати і не відтворює другу копію звуку.
  • Ключ трансляції не було вставлено в джерело накладання.
  • Повторно відкриті налаштування зберігають збережені значення.
  • Одна спроба підтверджується на цільовому виході.

Питання, які виникають найчастіше

Чи з’явиться попередній перегляд Minecraft з панелі на моєму LIVE?

Не копіюйте адресу попереднього перегляду. Посилання для накладання показує елементи накладання над вашою сценою; демонстраційний фон призначений для налаштування.

Чи потрібно відкривати браузер?

Якщо панель або програма підтримує TTS, музику чи інші локальні операції, залиште її працювати. Саме джерело посилання не замінює підключення LIVE і всі процеси відновлення.

Чи достатньо одного посилання для всіх інструментів?

Скопіюйте посилання вибраного типу накладання. Окремі джерела дозволяють окремо встановлювати сповіщення, чат та інші додатки.

Чи потрібно мені вставляти ключ передачі в оверлей?

НІ Вихідний браузер або посилання отримує накладене посилання від Thunderstream. Ключ потоку переходить до налаштувань трансляції в OBS або іншому кодері, а не до накладеної адреси.

Чому сповіщення посередині панелі, але не видно на LIVE?

Порівняйте роздільну здатність і співвідношення сторін обох областей. Також перевірте кадрування, порядок джерел, запис позиції певного сповіщення та перевірку його збереженої конфігурації.

Що робити, якщо мій екран виглядає інакше, ніж на фотографії?

Перевірте назву програми, версію та вибрану функцію. Дамп справжній, але з конкретної редакції та мови. Пошук описаного поля за його завданням. Якщо ця опція недоступна, перевірте поточну офіційну підтримку та доступність у своєму обліковому записі.

Офіційна документація та подальша допомога