Как разместить трансляцию на вашем сайте

Почему RTSP не работает в браузере

RTSP предназначен для управления потоковым видео, но современные браузеры не умеют воспроизводить этот протокол напрямую. Если вставить RTSP-ссылку в HTML или открыть её как обычный адрес, видео на странице не появится.

Для веб-показа поток необходимо принять, подготовить в совместимом формате и доставить зрителю через веб-плеер. Эту работу выполняет rtsp.ru.

Что вы получаете

• Готовый кодHTML-код плеера для размещения на странице
• Адаптация потокаВоспроизведение в современных веб-браузерах
• Мобильные устройстваОптимизация просмотра на смартфонах и планшетах
• СтатистикаДоступ владельца к статистике посещений трансляции

Вам не потребуется самостоятельно разрабатывать плеер или поддерживать отдельную систему преобразования видео.

Шаг 1. Подготовьте трансляцию

Сначала добавьте IP-камеру на rtsp.ru и дождитесь успешного запуска видео. Если камера ещё не подключена, воспользуйтесь инструкцией «Как создать онлайн-трансляцию на сайте».

1. Откройте rtsp.ru и войдите в свой аккаунт.
2. Выберите подключённую камеру.
3. Убедитесь, что изображение доступно и трансляция работает стабильно.
4. Откройте настройки размещения или код плеера.

Шаг 2. Получите HTML-код

rtsp.ru формирует готовый фрагмент HTML для выбранной трансляции. Скопируйте его целиком, не изменяя адрес плеера и служебные параметры.

Код можно использовать на обычном HTML-сайте, в шаблоне CMS или в блоке пользовательского HTML конструктора сайтов, если выбранная платформа разрешает встраивание внешнего плеера.

Пример HTML-кода

<iframe
  src="https://rtsp.ru/embed/KPbwo57M/"
  style="width:100%; aspect-ratio:4/3; border:0;"
  title="RTSP streaming player"
  allow="fullscreen; autoplay"
  allowfullscreen>
  Iframes not supported. Stream <a href="https://rtsp.ru/"
    title="rtsp video streaming service">rtsp.ru</a> player
</iframe>

В рабочем коде будет указан адрес вашей трансляции. Не заменяйте его демонстрационным идентификатором KPbwo57M.

Как выглядит встроенный плеер

Шаг 3. Разместите код

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

После загрузки опубликованной страницы плеер подключится к rtsp.ru и начнёт воспроизведение доступной трансляции.

Браузеры и мобильные устройства

rtsp.ru оптимизирует исходный поток не только для настольных браузеров, но и для мобильных устройств. Посетителю не нужно устанавливать программу для просмотра RTSP или вводить данные камеры.

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

Качество просмотра также зависит от параметров камеры и исходящей скорости интернета на объекте. Рекомендации приведены на странице «Рекомендуемые настройки IP-камеры».

Статистика посещений

Владелец трансляции получает доступ к статистике посещений. Она помогает оценивать интерес аудитории и контролировать использование плеера на сайте.

Статистика доступна в интерфейсе rtsp.ru. Состав показателей может зависеть от настроек трансляции и подключённого тарифа.

Защищённая интеграция через PHP

Обычный HTML-код подходит для публичной трансляции. Если видео предназначено только для зарегистрированных клиентов, сотрудников или покупателей, плеер можно подключить через серверный PHP-код.

В этом варианте ваш сервер сначала проверяет права пользователя, а затем выдаёт ему уникальную ссылку на плеер. Ссылка создаётся отдельно для каждого посетителя и не хранится постоянно в открытом HTML страницы.

1. Пользователь входит в личный кабинет на вашем сайте.
2. PHP-код проверяет, разрешён ли ему просмотр.
3. Сервер формирует персональную ссылку по параметрам интеграции rtsp.ru.
4. Страница передаёт ссылку плееру только для этого пользователя.

Сравнение PHP-интеграции с разрешёнными доменами, паролем, блокировкой IP и доступом через аккаунты приведено в инструкции «Как защитить трансляцию от копирования».

Часто задаваемые вопросы