Come posso visualizzare un flusso video RTSP in una pagina web?

Ho una telecamera ip che fornisce un flusso video RTSP dal vivo. Posso usare VLC media player per visualizzare il feed fornendogli l'URL:

rtsp://cameraipaddress

Ma ho bisogno di visualizzare il feed su una pagina web. Il fornitore della telecamera ha fornito un controllo ActiveX che ho fatto funzionare, ma è davvero buggato e causa frequenti blocchi del browser.

Qualcuno conosce qualche plugin video alternativo che potrei usare e che supporti RTSP?

La telecamera può essere configurata per lo streaming in H264 o MPEG4.

JakeGould
Domanda modificata 9º febbraio 2015 в 9:36
Programmazione
video-streaming rtsp
11º febbraio 2010 в 2:27
16 visualizzazioni

VLC viene anche fornito con un plugin ActiveX che può visualizzare il feed in una pagina web:

http://wiki.videolan.org/ActiveX/HTML


   <param name="Src" value="rtsp://cameraipaddress" />
   <param name="ShowDisplay" value="True" />
   <param name="AutoLoop" value="False" />
   <param name="AutoPlay" value="True" />
Commentari (7)

Approssimativamente si possono avere 3 scelte per visualizzare il flusso video RTSP in una pagina web:

  1. Realplayer
  2. Lettore Quicktime
  3. Lettore VLC

Puoi trovare il codice per incorporare l'activeX tramite la ricerca su Google.

Per quanto ne so, ci sono alcune limitazioni per ogni lettore.

  1. Realplayer non supporta nativamente i video H.264, è necessario installare un plugin quicktime per Realplayer per ottenere la decodifica H.264.
  2. Quicktime player non supporta il trasporto RTP/AVP/TCP, e il suo trasporto RTP/AVP (UDP) non include il NAT hole punching. Così l'unico trasporto fattibile è il tunneling HTTP nell'implementazione WAN.
  3. VLC non supporta NAT hole punching per il trasporto RTP/AVP, ma il trasporto RTP/AVP/TCP è disponibile.
Commentari (2)

Prova il QuickTime Player! Ecco il mio JavaScript che genera l'oggetto incorporato in una pagina web e riproduce il flusso:


//SET THE RTSP STREAM ADDRESS HERE
var address = "rtsp://192.168.0.101/mpeg4/1/media.3gp";

var output = '';
    output += '<param name="src" value="'+adsress+'">';
    output += '<param name="autoplay" value="true">';
    output += '<param name="controller" value="false">';
    output += '
Commentari (4)