Mám kameru ip, ktorá poskytuje živý videoprenos RTSP. Pomocou prehrávača VLC media player môžem zobraziť kanál, ak mu poskytnem adresu URL:
rtsp://cameraipaddress
Potrebujem však tento kanál zobraziť na webovej stránke. Poskytovateľ kamery dodal ovládací prvok ActiveX, ktorý som sprevádzkoval, ale je naozaj chybný a spôsobuje časté zasekávanie prehliadača.
Vie niekto o nejakých alternatívnych video pluginoch, ktoré by som mohol použiť a ktoré podporujú RTSP?
Kamera sa dá nakonfigurovať tak, aby vysielala vo formáte H264 alebo MPEG4.
VLC sa dodáva aj so zásuvným modulom ActiveX, ktorý dokáže zobraziť kanál na webovej stránke:
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>
Na zobrazenie videoprenosu RTSP na webovej stránke máte zhruba 3 možnosti:
Kód na vloženie ActiveX nájdete prostredníctvom vyhľadávania Google.
Pokiaľ viem, pre každý prehrávač existujú určité obmedzenia.
Vyskúšajte QuickTime Player! Tu je môj JavaScript, ktorý generuje vložený objekt na webovej stránke a prehráva 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;