Бесплатное руководство · Для начинающихOBS

Как добавить наложение Thunderstream на OBS и TikTok LIVE Studio

Игра и камера уже есть в сцене, но оповещения по-прежнему видны только на панели? Оверлей — это отдельная страница, посвященная стриминговой программе. Вы вставляете его ссылку в качестве источника, и над изображением появляются прозрачные элементы. Мы покажем вам весь процесс и наиболее распространенную причину пустого источника: разрешение, отличное от сохраненного в панели.

Команда Thunderstream13 минуты чтения4ПросмотрыОбновить:

Начните с правильной ссылки

Откройте панель Thunderstream, включите необходимый инструмент и перейдите в галерею наложений или его настройку. Выберите, например, оповещения, трансляцию чата или счетчик просмотров. Сохраните настройки перед копированием адреса.

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

Словарь без сложных сокращений

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

Шаг за шагом · 1–4

  1. Действие

    Откройте Thunderstream и выберите «Наложения» в левом меню.

    ✓ После этого шага вы увидите

    Вы видите отдельные наложения, такие как оповещения и чат.

  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 запустите тест в 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 без необходимости.

Что вы видите на экране и как это исправить

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

Если вам все еще нужна помощь, запишите название и версию программы, платформу, примерное время пробной версии, ожидаемый результат и то, что произошло на самом деле. Прикрепите дамп без паролей, ключей и полных приватных ссылок. Это описание гораздо полезнее, чем просто сообщение «не работает».

Что вы видите на экране и как это исправить
СимптомСначала проверьтесделай это
Я вижу всю панель.Вставил адрес из строки браузера.Скопируйте поле частной ссылки определенного наложения.
Я вижу Майнкрафт из демоверсии.Вместо ссылки на производство использовался предварительный просмотр.Замените URL-адрес ссылкой выбранного наложения.
Исходник пуст.Нет события, отключен инструмент или небольшая площадь.Проверьте тест, переключатель, размеры и порядок слоев.
Накладка растянута.Изменены пропорции прямоугольника.Восстановите соотношение сторон и отрегулируйте источник, не растягивая одну ось.

Последняя попытка перед использованием на LIVE

  1. Сохраните изменения с помощью кнопки, назначенной редактируемой функции. Если есть отдельные формы, проверяйте каждую измененную часть отдельно.
  2. Откройте настройки еще раз и сравните наиболее важные значения. Простое перемещение ползунка не всегда означает постоянное сохранение.
  3. Проверьте результат вне самого редактора: на целевой сцене, в записи или в переоткрытой конфигурации.
  4. Если функция использует платформу, отдельно подтвердите новое обработанное событие во время активного LIVE. Не ждите, что проверка внешнего вида подтвердит авторизацию учетной записи.
  5. Сохраните рабочие значения и сделайте копию перед следующим серьезным изменением. В следующий раз при запуске начните с быстрой проверки.

Проверьте перед LIVE

  • Ваша собственная ссылка и совместимое разрешение.
  • Источник находится над игрой, и инструмент включен.
  • Тест можно увидеть в потоковой программе.
  • Звук слышен один раз и подтверждается короткой записью.
  • После смены сцены источник продолжает работать и не воспроизводит вторую копию звука.
  • Ключ трансляции не был вставлен в источник наложения.
  • Повторно открытые настройки сохраняют сохраненные значения.
  • На целевом выходе подтверждается единственная попытка.

Вопросы, которые возникают чаще всего

Появится ли предварительный просмотр Minecraft с панели на моем LIVE?

Не копируйте адрес предварительного просмотра. Ссылка на производственное наложение показывает элементы наложения над вашей сценой; демонстрационный фон предназначен для настройки.

Нужно ли мне открывать браузер?

Если панель или программа поддерживает TTS, музыку или другие локальные операции, оставьте ее включенной. Сама ссылка на источник не заменяет подключение LIVE и все процессы восстановления.

Достаточно ли одной ссылки для всех инструментов?

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

Нужно ли вставлять ключ передачи в накладку?

НЕТ. Браузер источника или ссылка получает наложенную ссылку от Thunderstream. Ключ потока идет к настройкам трансляции в OBS или другом кодере, а не к адресу оверлея.

Почему предупреждение находится в центре панели, но не отображается на LIVE?

Сравните разрешение и соотношение сторон обеих областей. Sprawdź też kadrowanie, kolejność sródeł, zapis pozycji danego alertu и проверить его записанную конфигурацию.

Что делать, если мой экран выглядит иначе, чем на фотографии?

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

Официальная документация и дополнительная помощь