Захват IP-камеры и публикация на моем сайте

Я использую 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 и посмотрите свойства (кодирование, частота кадров, размер и т. Д.), И с этим вы можете выбрать совместимый встроенный проигрыватель для своего сайта.

Надеюсь, поможет!

/// Пабло

Intereting Posts
Возвращаемое значение AsyncTask Как настроить стиль кнопки для материала AppCompat? Android Wear CapabilityApi не может найти карманные возможности Создание дампа ядра в android Как libgdx обнаруживает присутствие клавиатуры Как скрыть клавиатуру при запуске активности Чем отличается getContext и getActivity от Fragment в библиотеке поддержки? Сегментация голоса Android одежда: как поддержать существующее приложение для Android одежда Запуск нескольких экземпляров приложений Android, таких как параллельное пространство Android Build Tools создает только x86_64, несмотря ни на что. APK запускается через adb, но демонстрирует несовместимость в Play Маркете NullPointerException (и т. Д.) Из Parcel.readException Как добавить функцию салфетки в Android CardView? Android 2.0: поддержка библиотеки Actionbar (поддержка библиотеки приложений appcompat v7 без ресурсов): ресурс не найден. @ Style / Theme.AppCompat.Light.DarkActionBar Как снять отметку с отмеченных элементов в режиме навигации?