HTML5-RTSP_player_for_IP_cams

HTML5-RTSP плеер

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

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

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

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

Источники RTSP RTSP-кодеки Технологии
воспроизведения
Платформы
воспроизведения
  • IP камеры
  • Медиасерверы
  • Системы наблюдения
  • Конференц-серверы
  • H.264
  • VP8
  • AAC
  • G.711
  • Speex
  • WebRTC
  • Websocket
  • MSE
  • HLS
  • Flash
  • Chrome
  • Firefox
  • Opera
  • Safari, Mac OS
  • Safari, iOS
  • IE
  • Edge
  • iOS SDK
  • Android SDK
Источники RTSP
  • IP камеры
  • Медиасерверы
  • Системы наблюдения
  • Конференц-серверы
RTSP-кодеки
  • H.264
  • VP8
  • AAC
  • G.711
  • Speex
Технологии воспроизведения
  • WebRTC
  • Websocket
  • MSE
  • HLS
  • Flash
Платформы воспроизведения
  • Chrome
  • Firefox
  • Opera
  • Safari, Mac OS
  • Safari, iOS
  • IE
  • Edge
  • iOS SDK
  • Android SDK

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

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

playback_browser_ios_android_RTSP_ipcams_WebRTC

 

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

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

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

 

playback_sequence_diagram_RTSP_ipcams_WebRTC_MSE

 

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

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

example_player_after_clicking_on_start_RTSP_ipcams_WebRTC_browser

 

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

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

demo_web_call_server_RTSP_ipcams_WebRTC_browser

Тестировать

Загрузить 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

 

Ежемесячная подписка Web Call Server 5

$75 в месяц

 

    Купить    

 


Статьи по теме