¿Cómo puedo mostrar un flujo de vídeo RTSP en una página web?

Tengo una cámara IP que proporciona un flujo de vídeo RTSP en directo. Puedo usar VLC media player para ver el feed proporcionándole la URL:

rtsp://cameraipaddress

Pero necesito mostrar la transmisión en una página web. El proveedor de la cámara proporcionó un control ActiveX que conseguí que funcionara, pero es realmente defectuoso y hace que el navegador se cuelgue con frecuencia.

¿Alguien sabe de algún plugin de vídeo alternativo que pueda utilizar y que soporte RTSP?

La cámara se puede configurar para transmitir en H264 o MPEG4.

JakeGould
Pregunta editada 9º febrero 2015 в 9:36
Programación
video-streaming rtsp
11º febrero 2010 в 2:27
22 vistas

VLC también viene con un plugin ActiveX que puede mostrar el feed en una página web:

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" />
Comentarios (7)

Aproximadamente puedes tener 3 opciones para mostrar el flujo de vídeo RTSP en una página web:

    1. Realplayer
  2. Reproductor Quicktime
  3. Reproductor VLC

Puedes encontrar el código para incrustar el activeX a través de la búsqueda en Google.

Por lo que sé, hay algunas limitaciones para cada reproductor.

  1. Realplayer no soporta vídeo H.264 de forma nativa, debes instalar un plugin de quicktime para Realplayer para lograr la decodificación H.264.
    1. Quicktime player no soporta el transporte RTP/AVP/TCP, y su transporte RTP/AVP (UDP) no incluye NAT hole punching. Por lo tanto, el único transporte factible es el túnel HTTP en la implementación de la WAN.
  3. VLC tampoco soporta NAT hole punching para el transporte RTP/AVP, pero el transporte RTP/AVP/TCP está disponible.
Comentarios (2)

¡Prueba el QuickTime Player! Aquí está mi JavaScript que genera el objeto incrustado en una página web y reproduce el flujo:


//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 += '
Comentarios (4)