Ik heb een ip-camera die een live RTSP videostream levert. Ik kan VLC media player gebruiken om de feed te bekijken door hem de URL te geven:
rtsp://cameraipaddress
Maar ik moet de feed op een webpagina weergeven. De camera provider leverde een ActiveX control die ik aan de praat kreeg, maar het is echt buggy en zorgt ervoor dat de browser vaak hangt.
Kent iemand alternatieve video plugins die ik kan gebruiken en die RTSP ondersteunen?
De camera kan worden geconfigureerd om te streamen in H264 of MPEG4.
VLC heeft ook een ActiveX-plugin die de feed in een webpagina kan weergeven:
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>
Grofweg zijn er 3 mogelijkheden om RTSP video stream op een webpagina weer te geven:
U kunt de code om de activeX in te sluiten vinden via google zoeken.
Voor zover ik weet, zijn er enkele beperkingen voor elke speler.
Probeer de QuickTime Player! Hier is mijn JavaScript dat het ingesloten object op een webpagina genereert en de stream afspeelt:
//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;