Протокол RTSP VS RTMP
Подготовка
IP камера Stream Решение: видео медиа шлюз
Как встраивать потоки IP-камеры в сайты
У вас может быть IP-камера (камера безопасности или камера Ethernet), установленная в вашем доме, и вы задаетесь вопросом, можете ли вы транслировать видео в реальном времени на живые платформы или вставлять прямой IP-поток на веб-страницу.
К сожалению, вы не можете найти простое решение изначально в вашей IP-камере. Поэтому вы должны использовать некоторые внешние приложения или оборудование, чтобы сделать камеры безопасности глобально доступными.
В этой статье рассказывается, как подтолкнуть поток с вашей IP-камеры в любое общественное место и вставить его на веб-сайт или даже в веб-камеру чата.
IP-камера используетРТСППротокол. RTSP-это протокол управления мультимедиа, который позволяет вам контролировать вашу безопасность в вашей локальной сети.
Общественный интернет поток используетРТМППротокол. RTMP-это протокол передачи мультимедиа, широко используемый Youtube, Twitch, Facebook Live и более живыми платформами.
Чтобы транслировать камеру видеонаблюдения, вам необходимо перенести исходный протокол с RTSP на RTMP.
Прежде чем вы начнете, вам необходимо:
1. Узнайте RTSP-адрес вашей IP-камеры.
2. Подготовьте компьютер, который находится в той же сети, что и камера. Это поможет вам развернуть приложение или настроить оборудование, подключенное к локальной сети.
3. Получите URL-адрес Stream и ключ вашей целевой платформы (YouTube, Facebook и т. Д.). Вам понадобится URL-адрес потока и ключ потока, чтобы сформировать URL-адрес RTMP.
4. Подготовьте ОРИВИЗИЮВидео медиа шлюз(DH941), илиВидео декодер(DH931/ DS931/DS951)
Используйте программное обеспечение Onvif Device Manager для поиска RTSP-адреса сетевой камеры. Если вы уже получили RTSP-адрес сетевой камеры, не обращайте внимания на этот шаг.
1. Загрузите и установите программное обеспечение Onvif Device Manager. Программное обеспечение Onvif автоматически выполняет поиск камеры в сети после открытия программного обеспечения. И камера будет отображаться в левом окне.
2. Войдите в систему, указав имя пользователя и пароль вашей камеры.
3. Нажмите «Live video», после чего вы получите адрес RTSP. (См. Изображение ниже)
4. Если для вашей камеры требуется учетная запись и пароль для доступа, обратите внимание на формат адреса RTSP.
К примеру:
RTSP-адресRtsp: // 192.168.10.64:554/Потоковое/Каналы/101xxxxxx
Имя пользователя и пароль камерыАдмин/админ.
Правильный адрес-этоRtsp: // admin:admin@192.168.10.64:554/Потоковое/Каналы/101xxxxxx
Характеристики продукта:
Высокопроизводительный аппаратный декодирование 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/переключать видео на свою страницу легко.
4,1 Встраивание YouTube Stream на сайт:
Шаги заключаются в следующем:
1. Войдите на страницу потоковой трансляции YouTube и нажмите кнопку «Поделиться» внизу видео.
2. Нажмите на "Вставить" в опцию совместного использования и скопируйте код iframe HTML.
3. Зайдите в консоль вашего сайта и создайте тестовую страницу (или пост).
4. Если вы используете WordPress, пожалуйста, добавьте блок «Пользовательский HTML». Если вы используете другой конструктор сайтов, выберите «Редактировать как HTML».
5. Вставьте HTML-код, который вы только что скопировали с YouTube.
6. Предварительный просмотр и настройка значений ширины и высоты окна по мере необходимости.
7. Опубликуйте страницу и наслаждайтесь прямой трансляцией.
4,2 Встраивание Facebook Stream на сайт:
Шаги заключаются в следующем:
1. Войдите на страницу вашей веб-камеры в Facebook в режиме реального времени и нажмите кнопку «Поделиться» справа.
2. Нажмите на "Вставить" в опцию совместного использования и скопируйте код iframe HTML.
3. Зайдите в консоль вашего сайта и создайте тестовую страницу (или пост).
4. Если вы используете WordPress, пожалуйста, добавьте блок «Пользовательский HTML». Если вы используете другой конструктор сайтов, выберите «Редактировать как HTML».
5. Вставьте HTML-код, который вы только что скопировали из Facebook.
6. Предварительный просмотр и настройка значений ширины и высоты окна по мере необходимости.
7. Опубликуйте страницу и наслаждайтесь прямой трансляцией.
4,3 Вставить Twitch Stream на сайт:
Шаги заключаются в следующем:
1. Перейдите на страницу Twitch вашей веб-камеры в реальном времени и нажмите кнопку «Поделиться» внизу.
2. Нажмите «Вставить» в настройках совместного доступа и скопируйте код iframe HTML (обратите внимание, что Twitch предоставляет два метода кодирования, включая JavaScript, который вы можете скопировать).
3. Зайдите в консоль вашего сайта и создайте тестовую страницу (или пост).
4. Если вы используете WordPress, пожалуйста, добавьте блок «Пользовательский HTML». Если вы используете другой конструктор сайтов, выберите «Редактировать как HTML».
5. Вставьте HTML код, который вы только что скопировали с Twitch.
6. Предварительный просмотр и настройка значений ширины и высоты окна по мере необходимости.
Если вы копируете код JavaScript, обязательно добавьте атрибут высоты в видеоокно и укажите правильное значение.
При копировании кода iframe в атрибуте 'parent' должно быть введено правильное доменное имя. И не забудьте отрегулировать значение высоты.
7. Опубликовать страницу и наслаждаться живой broadca