Имам ip камера, която осигурява видеопоток на живо RTSP. Мога да използвам VLC media player, за да гледам потока, като му предоставя URL адреса:
rtsp://cameraipaddress
Но трябва да покажа потока на уеб страница. Доставчикът на камерата предостави ActiveX контрол, който заработи, но той е наистина бъгав и кара браузъра често да зацикля.
Знае ли някой за алтернативни видео плъгини, които бих могъл да използвам и които поддържат RTSP?
Камерата може да бъде конфигурирана за предаване на данни в H264 или MPEG4.
VLC се предлага и с ActiveX плъгин, който може да показва канала в уеб страница:
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>
Имате 3 възможности за показване на RTSP видеопоток в уеб страница:
Можете да намерите кода за вграждане на ActiveX чрез търсене в Google.
Доколкото ми е известно, за всеки плейър има някои ограничения.
Опитайте QuickTime Player! Ето моя JavaScript, който генерира вградения обект в уеб страница и възпроизвежда потока:
//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;