Встроить RTSP Video Stream на HTML-сайт

Question

Я хотел бы встроить видеопоток с IP-камеры на сайт. URL-адрес для этого потока выглядит следующим образом:

rtsp://my.camera.com/axis-media/media.amp 

Если я открываю поток в VLC он работает нормально. Я пытался использовать материал здесь, но ничего не работает: https://wiki.videolan.org/Documentation:WebPlugin

Answer 1

Это можно сделать с помощью VLC или Quicktime, но актуальной проблемы ваших, скорее всего, испытывающей является то, что веб-браузеры остановили четыре опорных плагин VLC и Quicktime. Во время написания этого ответа Firefox все еще поддерживает этот плагин. Это также означает, что вам нужен VLC или Quicktime, установленный на вашем ПК (что я собираю у вас, так как он играет пар в VLC).

Попробуйте Firefox, чтобы узнать, работает ли ваш поток. Если он запрашивает активировать плагин VLC/Quicktime, нажмите «Разрешить» или «Разрешить» и «запомнить».

При использовании VLC HTML-код на вашем сайте должна напоминать это:

<div id="cctv-container"> 
    <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" id="vlc" events="True" width="640" height="480"> 
    <param name="Src" value="rtsp://my.camera.com/axis-media/media.amp"/> 
    <param name="ShowDisplay" value="True"/> 
    <param name="AutoLoop" value="False"/> 
    <param name="AutoPlay" value="True"/> 
    <embed id="vlcEmb" type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" target="rtsp://my.camera.com/axis-media/media.amp" width="640" height="480"/> 
    </object> 
</div> 

Единственный способ в настоящее время, чтобы иметь его поток в Chrome или IE должен иметь VLC перекодировать поток RSTP для вас в HTML5 поддерживаемый поток.

Вот пример команды VLC сделать только что:

vlc rtsp://my.camera.com/axis-media/media.amp :network-caching=1000 :sout=#transcode{vcodec=theo,vb=1600,scale=1,acodec=none}:http{mux=ogg,dst=:8181/stream} :no-sout-rtp-sap :no-sout-standard-sap :sout-keep 

Новый выходной поток может быть встроен в HTML5 прокладки:

Вы можете явно изменить порт или кодирования типа как вы считаете нужным, например,

:http{mux=flv,dst=:1234/stream}