Hoe kan ik een RTSP-videostream op een webpagina weergeven?

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


   <param name="Src" value="rtsp://cameraipaddress" />
   <param name="ShowDisplay" value="True" />
   <param name="AutoLoop" value="False" />
   <param name="AutoPlay" value="True" />

Commentaren (7)

Grofweg zijn er 3 mogelijkheden om RTSP video stream op een webpagina weer te geven:

  1. Realplayer
  2. Quicktime speler
  3. VLC speler

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.

  1. Realplayer ondersteunt H.264 video niet van nature, je moet een quicktime plugin installeren voor Realplayer om H.264 decodering te bereiken.
  2. Quicktime player ondersteunt geen RTP/AVP/TCP transport, en it's RTP/AVP (UDP) transport bevat geen NAT hole punching. Het enige haalbare transport is dus HTTP-tunneling in WAN-implementatie.
  3. VLC ondersteunt evenmin NAT hole punching voor RTP/AVP-transport, maar RTP/AVP/TCP-transport is wel beschikbaar.
Commentaren (2)

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 = '';
    output += '<param name="src" value="'+adsress+'">';
    output += '<param name="autoplay" value="true">';
    output += '<param name="controller" value="false">';
    output += '
Commentaren (4)