- Что такое RTSP и почему без него никак
- Как смотреть RTSP поток на компьютере — VLC, наш герой
- Протоколы и плееры для браузера — от флэша до WebRTC
- Что выбрать — Flash, WebRTC или HLS?
- Пример кода для воспроизведения RTSP через WebRTC
- Видео в браузере iOS Safari — технология Websocket
- Таблица сравнения способов потоковой передачи
- Примеры RTSP URL-адресов для популярных камер
- Задержка и производительность — маленький тест
- Мобильные приложения для просмотра RTSP
- Что если VLC не показывает видео?
- Заключение
Давайте без лишних технических танцев разберёмся, как подключить и смотреть видеопоток с камер по протоколу RTSP. Мы расскажем про основные протоколы, популярные плееры, и разные способы вывести видеопоток на экран компьютера, мобильного или прямо в браузер. Готовьтесь, будет много примеров, таблиц и немного веселья — ведь смотреть камеры должно быть просто и интересно!
Что такое RTSP и почему без него никак
RTSP — это как дирижёр на концерте, который управляет тем, как видео и звук по сети доходят до вас в реальном времени. Этот протокол позволяет это управлять трансляцией — начать, остановить, перемотать.
- RTSP (Real Time Streaming Protocol) — управляющий протокол для потокового видео.
- Почти все IP-камеры и системы видеонаблюдения умеют работать с RTSP.
- Сам по себе RTSP не показывает видео — нужен плеер, который его понимает.
Вы спросите: "Почему не открыть RTSP-поток в браузере напрямую?" Тут и начинается веселье — браузеры RTSP не понимают. Нужно хитро конвертировать поток или использовать специальные приложения.
Как смотреть RTSP поток на компьютере — VLC, наш герой
Самый простой способ — VLC Media Player. Бесплатный, мощный, и знает RTSP на зубок.
Пример адреса RTSP потока
rtsp://username:password@ip-адрес:порт/путь_к_потоку- Порт по умолчанию: 554
- В URL можно добавлять параметры (например, номер канала)
Как подключиться в VLC
- Открываете VLC.
- В меню "Медиа" выбираете "Открыть сетевой поток" или нажимаете Ctrl+N.
- Вставляете RTSP-адрес.
- Жмёте "Воспроизвести".
Если всё правильно — увидите видео с камеры.
Классика в таблице
| Действие | Комментарий |
|---|---|
| Установить VLC | Скачать с официального сайта |
| Ввести RTSP адрес | Формат: rtsp://user:pass@ip:port/stream |
| Настроить протокол TCP/UDP | Для стабильности связи |
| Воспроизвести | Наслаждаться просмотром |
Можно ли записать видео?
Конечно! В VLC есть кнопка "Запись". Нажал — видео сохраняется в папку "Видео" на вашем компьютере. Вот и получается ваш личный видеорегистратор.
Протоколы и плееры для браузера — от флэша до WebRTC
Ни один браузер не говорит с RTSP напрямую, но умельцы придумали 9 способов, как это обойти. От старенького Flash до современного WebRTC. Вот краткий обзор, кто с кем дружит:
| Способ отображения | Где работает | Задержка |
|---|---|---|
| RTMP | Flash-клиент, Flex, Adobe Air | Средняя |
| RTMP + HTML5 | IE, Edge, Mac Safari с Flash | Средняя |
| RTMFP | Flash-клиент, низкая задержка | Низкая |
| RTMFP + HTML5 | IE, Edge, Mac Safari с Flash, низкая задержка | Низкая |
| WebRTC | Chrome, Firefox, Opera, Android браузеры | Реальное время |
| Websocket | Браузеры без Flash и WebRTC (например iOS Safari) | Средняя |
| HLS | Все браузеры, где задержка не критична | Высокая |
| Android приложение (WebRTC) | Нативные приложения под Android | Реальное время |
| iOS приложение (WebRTC) | Нативные приложения под iOS | Реальное время |
Что выбрать — Flash, WebRTC или HLS?
- Flash (RTMP/RTMFP) — устарел, но живёт в старых системах. Если хочется потанцевать с Action Script 3 — милости просим.
- WebRTC — супергерой с минимальной задержкой (меньше 0,5 секунды), работает на десктопах и мобильных Android устройствах.
- Websocket — вариант для iOS Safari, где нет поддержки WebRTC и Flash.
- HLS — универсальный, но с заметной задержкой (несколько секунд). Подходит для просмотра, когда задержка не важна.
Пример кода для воспроизведения RTSP через WebRTC
var session = Flashphoner.createSession({urlServer:"wss://адрес_сервера:порт"});
session.createStream({name:"rtsp://ip_камеры/поток", display:myVideo}).play();Плеер сам выберет, какой протокол использовать, и настроит трансляцию.
Видео в браузере iOS Safari — технология Websocket
iOS Safari с RTSP знакомится через Websocket. Весь видеопоток превращается в бинарные данные, которые JS-плеер декодирует и рисует на canvas. Это как рисовать портрет по частям, пока картина оживает.
Таблица сравнения способов потоковой передачи
| Способ | Использование | Задержка | Особенности |
|---|---|---|---|
| RTMP | Flash, Flex, Adobe Air | Средняя | Требует Flash, не поддерживается в браузерах без него |
| RTMP + HTML5 | IE, Edge, Mac Safari с Flash | Средняя | Flash под HTML5 оберткой |
| RTMFP | Flash, низкая задержка | Низкая | UDP-протокол, меньше задержка |
| RTMFP + HTML5 | IE, Edge, Mac Safari с Flash | Низкая | Как RTMFP, но с HTML5 оберткой |
| WebRTC | Современные браузеры и Android | Очень низкая | Реальное время, без плагинов |
| Websocket | iOS Safari, браузеры без Flash | Средняя | JS-декодер и canvas |
| HLS | Все браузеры | Высокая | Подходит для потоковой передачи с большой задержкой |
| Android app (WebRTC) | Мобильные приложения Android | Очень низкая | Нативное приложение |
| iOS app (WebRTC) | Мобильные приложения iOS | Очень низкая | Нативное приложение |
Примеры RTSP URL-адресов для популярных камер
| Бренд | Пример RTSP URL |
|---|---|
| Hikvision | rtsp://user:pass@192.168.1.64:554/Streaming/Channels/101 |
| Dahua | rtsp://user:pass@192.168.1.108:554/cam/realmonitor?channel=1&subtype=0 |
| Uniview | rtsp://user:pass@192.168.1.88:554/Streaming/Channels/101 |
| Samsung | rtsp://user:pass@192.168.1.100:554/profile1/media.smp |
| Foscam | rtsp://user:pass@192.168.1.110:554/videoMain |
| LTS | rtsp://user:pass@192.168.1.150:554/11 |
| Wyze | RTSP нужно активировать в настройках, URL выглядит как rtsp://user:pass@IP/live |
Задержка и производительность — маленький тест
Чтобы понять, как задержка влияет на комфорт, мы собрали данные по разным протоколам:
| Протокол | Средняя задержка | Применение |
|---|---|---|
| RTMP | 2-3 секунды | Прямая трансляция, Flash |
| RTMFP | 1-2 секунды | Игры и видеонаблюдение |
| WebRTC | <0.5 секунды | Видеозвонки, real-time |
| Websocket | 1-2 секунды | iOS Safari, сложные случаи |
| HLS | 5-10 секунд | Онлайн ТВ, не для контроля |
Так что, если вам нужна реальная трансляция без "задумчивости", WebRTC — ваш билет в мир мгновенного видео.
Мобильные приложения для просмотра RTSP
Нативные приложения под Android и iOS с поддержкой WebRTC позволяют смотреть поток без тормозов и плагинов. Сервер конвертирует RTSP в WebRTC, а мобильный плеер показывает видео.
- Android: приложение доступно в Google Play, код открыт.
- iOS: приложение из App Store, с исходниками на Objective-C.
Что если VLC не показывает видео?
- Проверьте правильность URL: имя пользователя, пароль, порт.
- Попробуйте переключить протокол RTSP между TCP и UDP.
- Убедитесь, что камера поддерживает RTSP.
- В крайнем случае — спросите производителя камеры или продавца.
Заключение
Потоковое видео с камер — это как музыкальный концерт в вашем устройстве. RTSP дирижирует, VLC и другие плееры играют, а браузеры и приложения слушают и показывают шоу.
Хотите низкую задержку? Идите в WebRTC. Любите классические решения? Flash и RTMP в бой. Нужно универсальное решение? HLS всегда на подхвате.
В этом лонгриде вы получили карту маршрутов по миру видеопотоков — осталось только выбрать свой путь и нажать "Воспроизвести"!