RTSP против RTMP-протокола
Подготовка
Решение для потоковой передачи IP-камеры: видеомедиашлюз
Как встроить потоки IP-камеры на сайты
У вас может быть IP-камера (камера безопасности или Ethernet-камера), установленная в вашем доме, и вы задаетесь вопросом, можете ли вы транслировать видео в реальном времени на живые платформы или встроить прямой IP-поток на веб-страницу.
К сожалению, вы не можете найти простое решение в вашей IP-камере. Поэтому вам придется использовать некоторые внешние приложения или оборудование, чтобы сделать камеры видеонаблюдения доступными по всему миру.
В этой статье рассказывается, как передать поток с вашей IP-камеры в любое общедоступное место и встроить его в веб-сайт или даже в веб-камеру для онлайн-чата.
IP-камера использует RTSP . протокол RTSP — это протокол управления мультимедиа, который позволяет вам контролировать вашу безопасность в локальной сети.
Публичный интернет-поток использует RTMP . протокол RTMP — это протокол передачи мультимедиа, широко используемый Youtube, Twitch, Facebook Live и другими платформами прямого эфира.
Для потоковой передачи с камеры видеонаблюдения необходимо перенести исходный протокол с RTSP на RTMP.
Прежде чем начать, вам необходимо:
1. Узнайте RTSP-адрес вашей IP-камеры.
2. Подготовьте компьютер, который находится в той же сети, что и камера. Это поможет вам развернуть приложение или настроить оборудование, подключенное к локальной сети.
3. Получите URL-адрес потока и ключ вашей целевой платформы (YouTube, Facebook и т. д.). Вам понадобится URL-адрес потока и ключ потока, чтобы сформировать URL-адрес отправки RTMP.
4. Подготовьте ОРИВИЗИОН видеомедиашлюз (DH941) или Видеодекодер (DH931/DS931/DS951)
Используйте программное обеспечение Onvif Device Manager, чтобы найти RTSP-адрес сетевой камеры. Если вы уже получили RTSP-адрес сетевой камеры, проигнорируйте этот шаг.
1. Загрузите и установите программное обеспечение Onvif Device Manager. Программное обеспечение Onvif автоматически выполнит поиск камеры в сети после открытия программного обеспечения. И камера будет отображаться в левом окне.
2. Войдите в систему, используя имя пользователя и пароль вашей камеры.
3. Нажмите «Живое видео», после чего вы получите адрес RTSP. (Пожалуйста, смотрите изображение ниже)
4. Если для доступа к вашей камере требуется учетная запись и пароль, пожалуйста, обратите внимание на формат адреса RTSP.
Например:
Адрес RTSP: rtsp://192.168.10.64:554/Streaming/Channels/101xxxxxxx.
Имя пользователя и пароль камеры — admin/admin..
Правильный адрес: rtsp://admin: admin@192.168 .10.64:554/Streaming/Channels/101xxxxxxx.
Особенности продукта:
Высокопроизводительное аппаратное декодирование H264/H265;
Максимальная поддержка 9-сторонней переадресации протоколов RTSP/HTTP/UDP/HTTPS/SRT/RTMP на RTMP/RTMPS/UDP/RTP;
Поддержка передачи сетевого порта 1 на сетевой порт 2;
Доступно несколько целей потоковой передачи;
Поддержка вывода до 3840 × 2160 (интерфейс HDMI);
Поддержка вставки аудио (фоновой музыки) в пересылаемые потоки;
Поддержка локального вывода предварительного просмотра с максимум 9 каналами предварительного просмотра 720P.
Чтобы получить данные IP-камеры и передать их на общедоступные платформы в шлюзе видеомедиа, вам необходимо выполнить следующие шаги:
1. Подключите видеомедиашлюз к локальной сети и запустите его.
2. Откройте консоль веб-сайта устройства видеомедиашлюза и щелкните страницу настроек декодирования.
3. Введите RTSP-адрес вашей сетевой камеры в настройках входа.
4. Включите потоковую передачу RTMP/RTMPS, чтобы передавать потоки с веб-камеры на такие платформы, как YouTube и Facebook:
Например:
Адрес RTMP-сервера: rtmp://a.rtmp.youtube.com/live2.
Ключ трансляции: 7thy-519k-6yux pubs xxxx.
Совет: Если ваша камера не имеет встроенного звука, вам необходимо использовать видеошлюз DH941 для вставки звука.
Не существует прямого способа встроить видео с камер видеонаблюдения на веб-сайт. Однако встроить видео YouTube/Facebook/Switch на свою страницу очень просто.
4.1 Вставьте YouTube Stream на сайт:
Шаги следующие:
1. Войдите на страницу прямой трансляции YouTube и нажмите кнопку «Поделиться» внизу видео.
2. Нажмите «Встроить» в разделе «Общий доступ» и скопируйте HTML-код iframe.
3. Перейдите в консоль вашего сайта и создайте тестовую страницу (или публикацию).
4. Если вы используете WordPress, добавьте блок «Пользовательский HTML». Если вы используете другой конструктор веб-сайтов, выберите «Редактировать как HTML».
5. Вставьте HTML-код, который вы только что скопировали с YouTube.
6. Просмотрите и при необходимости отрегулируйте значения ширины и высоты окна.
7. Опубликуйте страницу и наслаждайтесь прямой трансляцией.
4.2 Вставьте Facebook Stream на сайт:
Шаги следующие:
1. Войдите на страницу вашей веб-камеры в Facebook в режиме реального времени и нажмите кнопку «Поделиться» справа.
2. Нажмите «Встроить» в разделе «Общий доступ» и скопируйте HTML-код iframe.
3. Перейдите в консоль вашего сайта и создайте тестовую страницу (или публикацию).
4. Если вы используете WordPress, добавьте блок «Пользовательский HTML». Если вы используете другой конструктор веб-сайтов, выберите «Редактировать как HTML».
5. Вставьте HTML-код, который вы только что скопировали из Facebook.
6. Просмотрите и при необходимости отрегулируйте значения ширины и высоты окна.
7. Опубликуйте страницу и наслаждайтесь прямой трансляцией.
4.3 Вставьте Twitch Stream на сайт:
Шаги следующие:
1. Перейдите на страницу веб-камеры Twitch в режиме реального времени и нажмите кнопку «Поделиться» внизу.
2. Нажмите «Встроить» в параметрах общего доступа и скопируйте HTML-код iframe (обратите внимание, что Twitch предоставляет два метода кодирования, включая JavaScript, который вы можете скопировать).
3. Перейдите в консоль вашего сайта и создайте тестовую страницу (или публикацию).
4. Если вы используете WordPress, добавьте блок «Пользовательский HTML». Если вы используете другой конструктор веб-сайтов, выберите «Редактировать как HTML».
5. Вставьте HTML-код, который вы только что скопировали из Twitch.
6. Просмотрите и при необходимости отрегулируйте значения ширины и высоты окна.
Если вы копируете код JavaScript, обязательно добавьте атрибут высоты в окно видео и укажите правильное значение.
При копировании кода iframe необходимо указать правильное имя домена в атрибуте «parent». И не забудьте отрегулировать значение высоты.
7. Опубликуйте страницу и наслаждайтесь прямой трансляцией.
