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.
VLC viene anche fornito con un plugin ActiveX che può visualizzare il feed in una pagina web:
http://wiki.videolan.org/ActiveX/HTML
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="640" height="480" id="vlc" events="True">
<param name="Src" value="rtsp://cameraipaddress" />
<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" width="640" height="480"
target="rtsp://cameraipaddress" ></embed>
</OBJECT>
Approssimativamente si possono avere 3 scelte per visualizzare il flusso video RTSP in una pagina web:
Puoi trovare il codice per incorporare l'activeX tramite la ricerca su Google.
Per quanto ne so, ci sono alcune limitazioni per ogni lettore.
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 = '<object width="640" height="480" id="qt" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">';
output += '<param name="src" value="'+adsress+'">';
output += '<param name="autoplay" value="true">';
output += '<param name="controller" value="false">';
output += '<embed id="plejer" name="plejer" src="/poster.mov" bgcolor="000000" width="640" height="480" scale="ASPECT" qtsrc="'+address+'" kioskmode="true" showlogo=false" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/">';
output += '</embed></object>';
//SET THE DIV'S ID HERE
document.getElementById("the_div_that_will_hold_the_player_object").innerHTML = output;