Оверлей

Используйте Overlay для отображения оповещений, чатов, целей и других визуальных элементов на вашем стриме. Overlay позволяет создавать пользовательские макеты, комбинируя различные слои, сгруппированные в медиа, события Twitch и виджеты. Вы можете создать несколько оверлеев, обычно по одному на каждую сцену в вашем программном обеспечении для трансляции — например, начальная, основная и завершающая сцены. Добавьте каждый оверлей как отдельный источник браузера и используйте только один оверлей на сцену, чтобы избежать конфликтов, таких как дублирование звуков оповещений.

Настройки Overlay:

Media

Текст и метки

Чтобы добавить слой Текст и метки, нажмите + и выберите Текст и метки. Поле Контент используется для текста, отображаемого на оверлее. Введите $, чтобы вставить переменную для динамического контента, например, приветствие зрителя.

Предпочтения:

• Скрыть, пока что-то не произойдет — держит слой скрытым, пока не произойдет событие-триггер.
• Скрыть, когда все текстовые переменные пусты — скрывает слой, когда каждая переменная в тексте не имеет значения.

Изображение и видео

Чтобы добавить слой Изображение:

1. Нажмите + и выберите Изображение.
2. Нажмите Загрузить, чтобы загрузить изображение:
   • Допустимые форматы: GIF, JPEG, PNG.
   • Максимальный размер: 20 MB.

Чтобы добавить слой Видео:

1. Нажмите + и выберите Видео.
2. Нажмите Загрузить, чтобы загрузить видео:
   • Допустимые форматы: MP4, WEBM, M4V, MOV.
   • Максимальный размер файла: 20 MB.

Twitch events

Оповещение

Чтобы добавить слой Оповещение, нажмите + и выберите Оповещение.

Типы оповещений — Отслеживание, Чаевые, Подписка, Повторная подписка, Подарочная подписка, Подарок сообществу, Благотворительное пожертвование, Twitch Cheer, Twitch Raid. Включите или отключите каждый тип и переопределите любые из настроек выше для этого типа индивидуально.

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

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

Баннер

Чтобы добавить слой Баннер, нажмите + и выберите Баннер.

Настройки:

• Фоновое изображение — загрузите изображение или выберите из встроенной галереи.
• Время скрытия баннера — включите Периодически скрывать/показывать этот баннер, затем установите Скрыть (секунды) и Затем показать (секунды), чтобы контролировать цикл.

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

Фон заголовка, цвет фона, прозрачность и шрифт также настраиваются для каждого баннера.

Чат

Чтобы добавить слой Чат, нажмите + и выберите Чат.

Настройте следующие параметры:

• Показать аватары — показывает изображение профиля зрителя рядом с его сообщением.
• Показать иконку платформы — показывает иконку платформы рядом с каждым сообщением.
• Показать цветную линию для платформы — показывает цветную линию, указывающую роль отправителя. Цвета ролей:
  • Стример (Вы)
  • Модератор
  • Подписчик
  • Turbo
  • Зритель
• Показать сообщение и имя пользователя на отдельных строках — отображает имя пользователя и сообщение на отдельных строках.
• Обратное направление — управляет тем, появляются ли новые сообщения сверху или снизу.
• Длительность (секунды) — время, в течение которого сообщение остается на экране.

События

Чтобы добавить слой События, нажмите + и выберите События.

Настройте следующие параметры:

• Типы событий — выберите, какие типы событий отображать. Доступные типы:
  • Чаевые
  • Подписчики
  • Подписчики
  • Повторные подписчики
  • Благотворительные пожертвования
  • Twitch Cheer
  • Twitch Raid
• Количество событий — максимальное количество событий, отображаемых одновременно.

Цель

Цель отслеживает прогресс к достижению цели, такой как количество подписчиков, количество подписчиков или Twitch bits. Чтобы добавить слой Цель, нажмите + и выберите Цель, затем нажмите Добавить цель. Настройте следующие параметры:

Вы также можете загрузить фоновое изображение или выбрать его из галереи.

Trigger

Слои триггера создают команды чата, которые отображают медиа и/или звук на вашем стриме. Доступ может быть ограничен ролью в чате или стоить баллы лояльности из вашей программы лояльности Partner Network (баллы канала Twitch для этого не используются).

Чтобы добавить слой Триггер, нажмите + и выберите Триггер. Настройте триггер с помощью следующих параметров:

Widgets

Обратный отсчет

Слои обратного отсчета отображают живой обратный отсчет до начала вашего стрима, раскрытия события или суб-а-тона.

Чтобы добавить слой Обратный отсчет, нажмите + и выберите Обратный отсчет.

Настройте следующие параметры:

• Заголовок — текст, отображаемый над обратным отсчетом (например, Скоро начнется)
• Цель — цель обратного отсчета:
  • Выбрать дату и время — отсчитывает до фиксированной даты и времени.
  • Установить длительность с текущего момента — отсчитывает заданную длительность.
• Формат отображения:
  • Дни : Часы : Минуты : Секунды
  • Часы : Минуты : Секунды
  • Минуты : Секунды
  • Секунды
• Показать метки под каждой цифрой — отображает метки для единиц времени, используемых в обратном отсчете.
• Показать пользовательское сообщение по завершении — отображает пользовательское сообщение после окончания обратного отсчета.
• Стиль — радиус границы.

Сейчас играет

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

Чтобы добавить слой Сейчас играет:

1. Нажмите + и выберите Сейчас играет.
2. Создайте аккаунт Last.fm, если у вас его нет.
3. Настройте скробблер Last.fm — инструмент, который отправляет данные о вашей музыке на Last.fm. Многие плееры поддерживают это нативно, другие требуют дополнительного программного обеспечения или расширения Chrome для веб-плееров. Last.fm синхронизируется с Spotify, YouTube, Apple Music, Tidal и SoundCloud.
4. Свяжите ваш музыкальный плеер с вашим аккаунтом Last.fm.

Вы также можете загрузить фоновое изображение или выбрать его из галереи.

Если песня не отображается на вашем оверлее, проверьте ваш профиль Last.fm, чтобы подтвердить, что ваш скробблер отправляет туда данные о песне. Если песня не отображается и на Last.fm, сам скробблер не работает — проверьте подключение вашего плеера к Last.fm или расширение.

Код

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

Чтобы добавить слой Код, нажмите + и выберите Код.

Настройте следующие параметры:

1. Установите поле Сообщение — переменная, на которую может ссылаться ваш код (по умолчанию: Привет ${username})
2. Нажмите Открыть редактор, чтобы редактировать ваш слой с использованием HTML, CSS, JavaScript или Blueprint.
3. Нажмите Сохранить, чтобы применить изменения.

Добавьте ваш оверлей в программное обеспечение для трансляции

Чтобы добавить ваш оверлей в программное обеспечение для трансляции, перейдите на вкладку Overlay в вашем дашборде, скопируйте URL вашего оверлея и добавьте его как источник браузера/веба:

Lightstream

Lightstream Studio использует тот же редактор оверлеев, что и Partner Network — каждый тип слоя, доступный в редакторе Overlay Partner Network, также доступен непосредственно в Lightstream Studio, и любая сцена, которую вы создаете там, видна в Partner Network. В большинстве случаев, если вы используете Lightstream Studio, вы можете создавать ваш оверлей прямо там, вместо импорта из Partner Network.

Если вы уже создали отдельный оверлей в аккаунте создателя Partner Network и хотите перенести его в Lightstream через URL:

1. Перейдите на страницу Overlay.
2. Нажмите кнопку цепочки URL, чтобы скопировать URL вашего оверлея.
3. Перейдите в Lightstream:

1. 1. Для Lightstream Studio Browser Source:
      1. Нажмите Add.
      2. В разделе 3rd party integrations нажмите Browser source.
      3. Выберите Xsolla Partner Network.
      4. Вставьте ваш URL и нажмите Check URL.

1. 2. Для Lightstream Classic Browser Source:
      1. Нажмите Add layer.
      2. Нажмите:
         • 3rd party integrations и выберите Xsolla Partner Network.
         • Баннер Partner Network внизу.
      3. Вставьте ваш URL и нажмите Check URL.

OBS Studio

Чтобы добавить ваш оверлей в OBS Studio:

1. Перейдите на страницу Overlay.
2. Нажмите кнопку цепочки URL, чтобы скопировать URL вашего оверлея.
3. В OBS Studio нажмите знак + в разделе Источники и выберите Браузер.

4. Назовите источник и нажмите OK.

5. Вставьте ваш оверлей URL в поле URL. В разделе Ширина и высота установите разрешение, соответствующее вашему оверлею (по умолчанию: 1920 x 1080 px).

Консольный стриминг

Консоли Xbox и PlayStation не поддерживают источники браузера, поэтому вы не можете добавить оверлей в ваш стрим непосредственно с консоли. Мы рекомендуем использовать Lightstream:

1. Настройте вашу консоль на стриминг в Lightstream вместо прямой трансляции на Twitch.
2. Добавьте ваш оверлей в веб-редакторе Lightstream. Lightstream отправляет объединенный стрим на Twitch, поэтому вам нужно только устройство с веб-браузером.

В качестве альтернативы, стримьте с ПК, используя карту захвата и программное обеспечение для трансляции.

Даже без настроенного оверлея, чаевые и уведомления в чате все равно будут работать, если они включены.