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

F

cd \
cd C:\Program Files (x86)\VideoLAN\VLC\

vlc --logo-file C:\logo.png --logo-position 5 --logo-opacity 200 --logo-x 900 --logo-y -2 "mmsh://typeyoursourceIPhere:554" :sout=#transcode{vcodec=div3,vb=800,scale=0,acodec=mpga,ab=128,channels=2,samplerate=44100}:duplicate{dst=rtp{mux=ts,sdp=rtsp://:555/stream}} :sout-all :sout-keep

H ,

Answer 2

Je suggère d'utiliser le paquet npm rtsp-relay . Pour ma part, cela a très bien fonctionné, avec seulement 0,5 seconde de retard lorsque la source rtsp se trouvait sur le même réseau.

Pour ma part, j'ai obtenu un délai de 800 à 600 ms lors de la diffusion en continu sur la même connexion locale. Vous pouvez trouver la documentation sur le site Page GitHub

Answer 3

A

T

C

<!--- BEGIN PLAYER --->

<!-- webbot bot="HTMLMarkup" startspan ---->

<object ID="MediaPlayer" WIDTH="320" HEIGHT="270" CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">

<param name="autoStart" value="True">

<param name="filename" value="rtsp://xxx.xxx.xxx:xxxx">

<param NAME="ShowControls" VALUE="False">

<param NAME="ShowStatusBar" VALUE="False">

<embed TYPE="application/x-mplayer2" SRC="rtsp://xxx.xxx.xxx:xxxx" NAME="MediaPlayer" WIDTH="320" HEIGHT="270" autostart="1" showcontrols="0"></embed></object>

<!-- webbot bot="HTMLMarkup" endspan ---->

<!--- end PLAYER --->

---

I

I

C h

Answer 4

Vous pouvez utiliser RTSPtoWeb , ajoutez votre flux et visionnez-le sur sa page web.