OBS Overlay описание
Инструкция по подключению шаблона к OBS.
Желательно все настройки сделать до начала эфира.
Как сгенерировать ссылку для трансляции:
  1. Необходимо на сайте перейти в настройки турнира.
  2. Далее выбираем “Этапы” → “Календарь матчей” → клик по иконке монитор 🖥️
Далее нажать кнопку "Получить ссылку на оверлей" на открытой вкладке.
Теперь в буфере обмена сохранена ссылка на оверлей для текущего матча, она нам понадобиться позднее.


Далее переходим в OBS.
  1. Добавить источник “Браузер”.
В появившемся окне:
  1. Выбираем “Создать новый”.
  2. Называем как удобно, например - “23 мая | ФСК vs ФК ФОРСАЖ”.
  3. И жмём “Хорошо”.
  4. Далее открывается окно свойств текущего источника.
  5. В поле “URL-адрес” вставляем полученную ранее ссылку на оверлей (она сохранена у вас в буфере обмена).
  6. Выставляем ширину и высоту, как у окна трансляции.
  7. Размеры трансляции можно посмотреть перейдя в “Файл” → “Настройки” → “Видео” → “Базовое разрешение (холст)”. Первое ширина, далее через x высота.
  1. К выставленной ранее ширине экрана необходимо добавить 300 px. (т.к. ширина панели управления равна 300px, нам необходимо его будет убрать за экран и при растягивании источника сам оверлей не должен исказиться).
  2. Остальные настройки можно оставить стандартными и нажимаем “Хорошо”.
  3. На сцене должен отобразиться красный прямоугольник (в первый раз будет окно с входом на сайт), с частью находящейся за границей (если размер не такой, как на экране, ничего страшного). Так и должно быть.
Закрепляем и блокируем. Красная рамка должна пропасть.
Для получения доступа к панели управления, необходимо:
  1. Выбрать созданный источник, к примеру, “23 мая | ФСК vs ФК ФОРСАЖ” нажав на него в списке.
  2. Нажать “Взаимодействовать”.
Далее пользуемся как обычным сайтом.
  1. Авторизуемся.
  2. После успешной аутентификации, перекинет на пустой экран.
  3. В случае когда перекидывает на сайт, а не на пустой экран, необходимо в свойствах источника в поле “URL-адрес” в конце добавить пробел и сохранить.
  4. Для этого закрываем все открытые окна, выбираем созданный источник кликнув на него, над ним нажимаем кнопку “Свойсво” с значком шестерёнки.
  5. Если окно не растянулось как на картинке, то это необходимо сделать самостоятельно, растянув так, что бы пустое пространство занимало всю видимую часть, а сама панель управления была скрыта за экраном, как на картинке.
  6. Оверлей уже функционирует и при отправке событий с телефона уже будут появляться элементы интерфейса на экране.
  7. Что бы открыть панель управления, необходимо:
  8. Открыть созданный источник для взаимодействия, как на шаге 7.
  9. Появившееся окно необходимо растянуть на весь экран, на сколько это возможно.
  10. Окно можно передвинуть вбок (как показана на видео), убрав пустую часть за экран, оставив только панель управления.
Панель управление функционирует и готова работать.
>