Как настроить потоковую трансляцию с IP камеры через WebRTC и другие технологии

Вы думаете, что запуск онлайн-трансляции с камеры — это волшебство из области космоса? Ошибаетесь! В этой статье мы разберём, как камера, сервер, протоколы и браузер дружно работают, чтобы вы могли смотреть видео без задержек и плагинов. Погружаемся в мир видеотрансляций, RTSP, WebRTC, потоков и настройки серверов — и всё это с улыбкой и без скучных терминов!

Зачем WebRTC если у камеры уже есть сервер?

Всякое устройство с камерой, как наш герой — IP-камера, по сути является маленьким сервером с IP-адресом. Казалось бы, подключай её напрямую к роутеру и смотри видео сколько хочешь. Но… тут начинается весёлое.

Давайте посмотрим, почему WebRTC — это реальная необходимость:

• При увеличении числа зрителей у камеры начнёт таять пропускная способность канала, а сама камера быстро устанет, ведь она не суперкомпьютер.
• IP камера отдает видео через HTTP стриминг или RTSP/RTP. HTTP — это как читать комикс по одной странице, а не смотреть фильм в реальном времени. Отсюда подлагивания и задержки.
• Для RTSP/RTP в браузерах нужно устанавливать плагины вроде VLC или QuickTime — а кто любит скачивать и настраивать всякие дополнения? Нам нужен браузерный стриминг без «костылей».

И вот тут на сцену выходит WebRTC — технология, которая умеет передавать видео в реальном времени прямо в браузер. Пожалуй, это как если бы камера сказала: «Эй, сервер, сделай из моего видео настоящее шоу в интернете!» — и сервер отвечает: «Сделаю, бро!»

Потоковое видео с камеры: HTTP vs RTSP vs WebRTC

HTTP стриминг — это как показывать слайд-шоу: каждая картинка отправляется отдельно. Мило, но плавность страдает. RTSP более крутой, но требует плагинов. А WebRTC — это магия настоящего времени без всяких скачек и глюков.

Как подключить IP-камеру к серверу для WebRTC

Выбор камеры и подготовка

Для примера возьмём популярную IP-камеру D-Link DCS-7010L. Почему? Потому что она умеет отдавать видео по протоколу RTSP — ключевому игроку в нашем деле.

• Камера подключается к маршрутизатору по патч-корду.
• Камера автоматически получает IP-адрес (например, 192.168.1.34).
• Через браузер открываем веб-интерфейс камеры, обычно пароль по умолчанию отсутствует.
• В настройках отключаем аутентификацию, чтобы любой мог получить доступ к видео (в тестовых целях).
• Проверяем порт RTSP — обычно 554.
• Настраиваем профили видео (например, live1.sdp с кодеком H.264).

Проверка RTSP-потока

Запускаем VLC (или другой плеер), открываем URL камеры:

rtsp://192.168.1.34/live1.sdp

Если видео плавное и без артефактов — мы на правильном пути.

Установка и настройка WebRTC сервера

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

Аппаратная часть

• Используем виртуальный сервер (например, Amazon EC2 с CentOS 64 bit, инстанс m3.medium — один VCPU).
• Нужно открыть порты для WebRTC (SRTP, RTCP, ICE) и для RTSP/RTP.

Установка сервера Flashphoner WebRTC Media Server

Команды установки:

wget flashphoner.com/downloads/builds/WCS/3.0/x8664/wcs3_video_vp8/FlashphonerMediaServerWebRTC-3.0.868.tar.gz
tar -xzf FlashphonerMediaServerWebRTC-3.0.868.tar.gz
cd FlashphonerMediaServerWebRTC-3.0.868
./install.sh
service webcallserver start
yum install httpd
service httpd start

Во время установки вводим внешний IP сервера.

Конфигурация

• Кидаем web-клиент (JS, CSS, HTML) в /var/www/html.
• В flashphoner.xml прописываем IP адрес сервера.
• Для теста открываем в браузере:

http://<IP_сервера>/wcs_media_client/?id=rtsp://webrtc-ipcam.ddns.net/live1.sdp

• Сервер забирает RTSP-поток, транскодирует в VP8/SRTP и отдаёт браузеру по WebRTC.

Проверяем, действительно ли у нас WebRTC

Секундочку! Может, нам опять подсовывают HTTP картинки? Нет! Проверяем Wireshark и Chrome DevTools:

• Нет HTTP GET запросов с картинками.
• Только Websocket фреймы для управления сессией.
• UDP SRTP пакеты с VP8 видеоданными.

Задержка — около 300-500 миллисекунд. Глазом не заметно!

Масштабируем трансляцию

Мы открыли 10 окон Chrome с трансляцией — все показывают видео плавно. При 11 окне — тоже работает, лишь Chrome чуть задумался.

WebRTC умеет масштабироваться куда лучше классического HTTP или RTMP стриминга. Хотите стримить на толпу? Вот ваш способ!

WebRTC на мобильных устройствах

WebRTC работает и на Android в браузерах Chrome и Firefox. Видео с камеры на HTC телефоне — гладкое, без тормозов, как и на десктопе.

Альтернативы: RTMP и потоковое вещание на YouTube

Если хотите трансляцию на YouTube с IP-камеры, можно использовать RTMP. Но встроенное вещание камер (например, RF-LINK) часто ломается из-за изменений на YouTube и ограничений сети.

Лучше запускать видеокодер на ПК (например, OBS Studio):

• Добавить VLC-источник с RTSP потоком камеры.
• Настроить поток на YouTube, вставить RTMP URL и ключ.
• Запустить трансляцию.

Таблица: Обзор технологий потокового видео с IP камеры

Заключение

Трансляция с IP-камеры через WebRTC — это как создать свой собственный кинотеатр прямо в браузере без раздражающих плагинов и задержек. Если вы не хотите смотреть слайды, а предпочитаете живое, плавное видео — WebRTC ваш выбор!

А если хотите устроить масштабный стрим на YouTube — берите в руки OBS Studio и RTMP.

Не бойтесь настройки серверов и портов — с базовыми знаниями Linux и SSH это не ракетостроение, а увлекательное путешествие в мир потокового видео.

Пусть ваши видео всегда будут живыми, плавными и без тормозов — вперед к потоковой свободе!