Canlı RTSP video akışı sağlayan bir ip kameram var. URL'yi sağlayarak beslemeyi görüntülemek için VLC medya oynatıcısını kullanabilirim:
rtsp://cameraipaddress
Ancak beslemeyi bir web sayfasında görüntülemem gerekiyor. Kamera sağlayıcısı, çalışmasını sağladığım bir ActiveX kontrolü sağladı, ancak bu gerçekten hatalı ve tarayıcının sık sık kilitlenmesine neden oluyor.
RTSP'yi destekleyen kullanabileceğim herhangi bir alternatif video eklentisi bilen var mı?
Kamera H264 veya MPEG4 formatında akış yapacak şekilde yapılandırılabilir.
VLC ayrıca beslemeyi bir web sayfasında görüntüleyebilen bir ActiveX eklentisi ile birlikte gelir:
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>
Bir web sayfasında RTSP video akışını görüntülemek için kabaca 3 seçeneğiniz olabilir:
ActiveX'i gömmek için gereken kodu google aramasıyla bulabilirsiniz.
Bildiğim kadarıyla her oyuncu için bazı sınırlamalar var.
QuickTime Player'ı deneyin! İşte bir web sayfasında gömülü nesneyi oluşturan ve akışı oynatan JavaScript'im:
//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;