Comment afficher un flux vidéo RTSP dans une page web ?

Question

J'ai une caméra IP qui fournit un flux vidéo RTSP en direct. Je peux utiliser le lecteur multimédia VLC pour visualiser le flux en lui fournissant l'URL :

rtsp://cameraipaddress

Mais j'ai besoin d'afficher le flux sur une page web. Le fournisseur de la caméra a fourni un contrôle ActiveX que j'ai réussi à faire fonctionner, mais il est vraiment bogué et provoque fréquemment le blocage du navigateur.

Quelqu'un connaît-il d'autres plugins vidéo que je pourrais utiliser et qui prennent en charge le protocole RTSP ?

La caméra peut être configurée pour diffuser en H264 ou en MPEG4.

Answer 1

VLC est également fourni avec un plugin ActiveX qui permet d'afficher le flux sur une page 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>

Answer 2

En gros, vous avez trois possibilités pour afficher un flux vidéo RTSP dans une page web :

1. Realplayer
2. Lecteur Quicktime
3. Lecteur VLC

Vous pouvez trouver le code pour intégrer l'activeX via une recherche Google.

Pour autant que je sache, il existe des limitations pour chaque joueur.

1. Realplayer ne supporte pas
2. Q
3. V

Answer 3

I'

B I .

<iframe src="http://ipcamlive.com/player/player.php?alias=szekesfehervar" width="800px" height="600px"/>

S

Answer 4

Vous pouvez également essayer le serveur média WebRTC opensource Kurento

Il peut lire un flux vidéo RTSP et l'envoyer à WebRTC ou le transcoder en RTMP pour l'enregistrer sur le serveur.

Nous l'utilisons en production pour les cas suivants :

• WebRTC to Webrtc (many to many)
• WebRTC vers RTMP
• RTSP vers WebRTC

Answer 5

Je cherchais quelque chose de très similaire l'autre jour (voir le flux vidéo RTSP de ma caméra IP sur une simple page html sans aucun plugin ActiveX fantaisiste). Il est basé sur ffmpeg, NodeJS, NGINX (pas obligatoire mais utile) et Node Media Server .

La description dans le lien est détaillée et facile à suivre, mais j'avais encore quelques ajustements à faire avant que cela ne fonctionne (concernant les points de terminaison sur le serveur NodeJS). J'ai demandé Re-stream RTSP d'une caméra IP avec Node Media Server vers http/ws et l'afficher en html et a reçu une bonne réponse.