Eu tenho uma câmera ip que fornece um fluxo de vídeo RTSP ao vivo. Eu posso usar o VLC media player para visualizar o feed, fornecendo a URL:
rtsp://cameraipaddress
Mas eu preciso mostrar o feed em uma página da web. O fornecedor da câmera forneceu um controle ActiveX que eu coloquei em funcionamento, mas na verdade ele está com problemas e faz com que o navegador fique frequentemente pendurado.
Alguém sabe de algum plugin de vídeo alternativo que eu possa usar e que suporte RTSP?
A câmera pode ser configurada para ser transmitida em H264 ou MPEG4.
O VLC também vem com um plugin ActiveX que pode exibir a alimentação em uma página da 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>
Mais ou menos 3 opções para exibir o fluxo de vídeo RTSP em uma página da web:
Você pode encontrar o código para embutir o ActiveX através da busca no google.
Tanto quanto eu sei, há algumas limitações para cada jogador.
Experimente o QuickTime Player! Eis o meu JavaScript que gera o objecto incorporado numa página web e reproduz o stream:
//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;