HTML5-RTSP плеер

Воспроизведение RTSP видеопотоков в браузере и мобильных приложениях с использованием WebRTC и Websocket технологий

Для трансляции RTSP потока с IP камеры в браузер и воспроизведения в браузере без дополнительных плагинов, требуется специальная подготовка и конвертация RTSP потока в HTML5-совместимый формат, поддерживаемый браузерами. Плеер обращается к WCS-серверу для конвертации RTSP потока в HTML5, а сервер запрашивает RTSP поток у камеры или другого источника по протоколу RTSP. Для воспроизведения потока в браузере используются форматы WebRTC, MSE (Media Source Extension) и HLS.

Технические характеристики

Видеопоток захватывается с RTSP-источника, отдающего аудио и видео в поддерживаемых кодеках и трансформируется на стороне сервера для дальнейшего воспроизведения в браузерах и мобильных устройствах.

Схема доставки RTSP-видеопотока на браузеры и мобильные приложения

Web Call Server подключается к IP-камере либо серверу потокового видео по протоколу RTSP, получает аудио и видео трафик, конвертирует этот трафик в совместимый с браузерами формат, и далее раздает потоковое видео на HTML5-страницы пользователей и на мобильные приложения для iOS и Android.

Пошаговая схема RTSP-трансляции на HTML5-браузер или мобильное приложение

Браузер подключается к серверу по протоколу Websocket и запрашивает RTSP-видеопоток. С этого начинается трансляция.

1. Браузер запрашивает RTSP-поток
2. Web Call Server подключается к IP-камере и запрашивает требуемый браузером RTSP-поток
3. IP-камера отправляет аудио и видео трафик внутри RTSP-соединения
4. Web Call Server конвертирует трафик в WebRTC или Websockets и передает браузеру на воспроизведение

HTML5-RTSP player в WebRTC браузере
Google Chrome

На скриншоте ниже показан пример работы плеера в браузере Chrome через WebRTC. Плееру передается Websocket-адрес сервера и RTSP-адрес камеры.

HTML5-RTSP демо-плеер

Посетите наш демо-сервер чтобы проверить работу плеера в действии. Для проверки плеера попробуйте проиграть собственный RTSP поток.

Тестировать

Загрузить Web Call Server 5

Системные требования: Linux x86_64, 1 core CPU, 2 Gb RAM, Java

    Загрузить WCS5   

Установка:

1. wget https://flashphoner.com/download-wcs5.2-server.tar.gz
2. Распаковать и установить с помощью скрипта 'install.sh'
3. Запустить сервер с помощью команды 'service webcallserver start'
4. Открыть веб-интерфейс https://host:8444 и активировать вашу лицензию

Если вы используете серверы Amazon EC2, то скачивать ничего не нужно.

WCS5 на Amazon EC2