Встраивание трансляции Rutube

Кратко

Плеер Rutube можно встроить в web-страницу мероприятия на Event Rocks через iframe. Ссылку на встраиваемый плеер нужно указать в настройках онлайн-трансляции в формате JSON.

Когда использовать

Прямая трансляция докладов, сессий и церемоний открытия, которую удобно смотреть через Rutube.
Показ записи прошедшего мероприятия участникам, у которых не было возможности подключиться онлайн.
Ситуации, когда организатор уже ведёт трансляцию в Rutube и хочет показывать тот же поток в приложении и на web-странице события.
Когда нужно обойти ограничения по стримингу и использовать привычный для аудитории плеер.

Как настроить

Откройте нужное видео или трансляцию на сайте rutube.ru.
Нажмите «Поделиться» и выберите «Код вставки плеера».

Скопируйте ссылку в формате https://rutube.ru/play/embed/.... Например: https://rutube.ru/play/embed/5db58a22b37e48352e97f8442523d021.

Пример готового iframe:

<iframe width="720" height="405" src="https://rutube.ru/play/embed/5db58a22b37e48352e97f8442523d021" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

В админке Event Rocks создайте новую онлайн-трансляцию и включите опцию «Показывать трансляцию на Web-странице».
В поле «Тип трансляции» выберите значение hls.
В поле «Настройки трансляции в формате JSON» вставьте блок:
```
{
  "frameUrl": "https://rutube.ru/play/embed/5db58a22b37e48352e97f8442523d021"
}
```
Вместо ссылки из примера подставьте свою ссылку embed из Rutube.
Сохраните настройки. Плеер появится на web-странице мероприятия.

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

Конференция на 1 000 участников: организатор ведёт прямую трансляцию в Rutube, ссылку embed указывает в настройках доклада — зрители смотрят ключевые сессии прямо в web-странице мероприятия без перехода на сторонние сайты.
Гибридный митап: после офлайн-встречи запись выступления выкладывается на Rutube, а embed-ссылка добавляется в трансляцию — зарегистрированные участники получают доступ к записи в личном кабинете.
Мультитрековая конференция: для каждого зала создаётся отдельная трансляция с собственным frameUrl — расписание докладов сопоставляется с плеером через слоты программы.

Ограничения и нюансы

Способ работает только с теми плеерами, которые поддерживают встраивание через iframe и предоставляют ссылку формата https://<сервис>/play/embed/....
В поле «Настройки трансляции в формате JSON» допускается только параметр frameUrl. Другие ключи игнорируются.
Тип трансляции должен быть выставлен как hls — иначе iframe не отрисуется.
Качество и стабильность видео зависят от источника в Rutube. Если трансляция в Rutube остановлена или имеет ограничения по регионам, зрители увидят те же ограничения в Event Rocks.
Автовоспроизведение включается атрибутом allow="autoplay" в iframe. Браузеры могут блокировать звук до явного клика пользователя.

Связанные статьи

Онлайн-трансляции: обзор возможностей
Настройка HLS-трансляции
Встраивание YouTube-плеера
Встраивание Vimeo-плеера
Расписание докладов и привязка трансляций