Я использую IP Cam (приложение для телефонов android) для потокового видео в реальном времени. Он в основном функционирует как базовая IP-камера. Он дает мне URL-адрес, где находится фид. Это похоже на http://192.168.2.32:8080/ когда я подключен к моей сети WiFi. Видеопоток находится по адресу http://192.168.2.32:8080/videofeed .
Я хочу захватить видеопоток камеры, который находится по адресу http://192.168.2.32:8080/videofeed и вставлять его в проигрыватель HTML5 (тот, который я планирую использовать Video JS) или Flash Player, если HTML5 не работает Не работайте (предпочитайте HTML5, хотя). Проигрыватель HTML5 запрашивает у меня исходный файл (например, .mp4, webm, mov и т. Д.), Но по адресу http://192.168.2.32:8080/videofeed нет исходного файла. Это просто поток HTML.
Мой вопрос заключается в том, как встроить этот поток видео в мой плеер HTML5 и разместить его на моем веб-сайте.
Из того, что я мог видеть, потоковая передача уже сделана приложением на веб-странице, и на этой странице есть видео для вас. Таким образом, вы хотите передать потоковое сообщение.
Вы можете попытаться зарегистрироваться для динамических dns, таких как http://www.no-ip.com, чтобы получить URL-адрес вашей сети, изменить маршрутизатор для приема входящего соединения на порт 8080, а затем использовать iframe на своем веб-сайте с динамическим URL-адресом DNS.
Раньше я транслировал много живых концертов на веб-сайты, но у меня была камера, подключенная к компьютеру, и с помощью потоковой передачи Adobe Flash Media Streaming (бесплатно), подключенной к серверу с потоковой передачей Wowza.
Вам нужно получить данные, которые камера захватывает, чтобы декодировать их в какой-то общий формат. RGB или YUV2 или что угодно. Кодируйте его на Vp8 / webm или thora / ogg. H264 / Mp4 не будет делать это, так как ему нужен специальный заголовок в файле mp4 с именем mdat (если он не фрагментирован mp4).
Клиентский тег клиента делает запрос к вашим телефонам ip / где вы обрабатываете http GET для этого приложения, поддерживаете это http-соединение и начинаете с него потоковое видео. Это похоже на длительный опрос.
У большинства IP-камер есть способ получить необработанный поток видео. Использование RTSP или RTMP
Я предлагаю вам получить URI steeam для «камеры», что будет выглядеть как rtsp://<camera-ip>:<some-port> или rtmp://<camera-ip>:<some-port> . Это общая особенность IP-камер, даже тех, которые эмулируются на телефоне, поэтому, возможно, это упоминается в документах или может быть включено / установлено в конфигурации приложения.
Если нет документации, вы можете провести некоторое исследование, используя Chrome для доступа к фиду на веб-странице и откройте инструменты разработчика, чтобы увидеть фактический код для страницы, URI может быть виден на встроенном проигрывателе, который они предоставляют.
Как только вы его получите, откройте этот поток с помощью VLC и посмотрите свойства (кодирование, частота кадров, размер и т. Д.), И с этим вы можете выбрать совместимый встроенный проигрыватель для своего сайта.
Надеюсь, поможет!
/// Пабло