Stream to HTML5 <video> tag of RTSP cameras
Posted: 31 May 2020 09:39
Hi, I have to build a web page (not on the public Internet, just for internal use) which displays 4-5 RTSP video streams from some UniFi video cameras.
The web, mostly stackoverflow.com, is full of outdated informations, so I'm getting crazy to find a working example in 2020.
The webserver, which also is a RTSP to http video stream converter, is an ubuntu 20.08 VM, with apache and cvlc.
The demo html page is very simple:
And the stream is generated by vlc commandline (cvlc) with
clvc version is 3.0.9.2
Audio is not needed.
In Firefox this page works without problems. But in Chrome it starts with a green screen for 10 seconds, the I see some frames of the image, then the video freezes. Safari on MacOS only display the video controls, but no video. Not tested with Edge.
So, my questions are
Giovanni
The web, mostly stackoverflow.com, is full of outdated informations, so I'm getting crazy to find a working example in 2020.
The webserver, which also is a RTSP to http video stream converter, is an ubuntu 20.08 VM, with apache and cvlc.
The demo html page is very simple:
Code: Select all
<BODY>
<video id="video" autoplay="autoplay" controls>
<source src="http://192.168.160.189:8080/stream">
</video>
</BODY>Code: Select all
cvlc -v rtsp://192.168.132.170:554/s2 :network-caching=1000 ':sout=#transcode{vcodec=theo,vb=1600,scale=1,acodec=none}:http{mux=ogg,dst=:8080/stream}' :no-sout-rtp-sap :no-sout-standard-sap :sout-keep
Audio is not needed.
In Firefox this page works without problems. But in Chrome it starts with a green screen for 10 seconds, the I see some frames of the image, then the video freezes. Safari on MacOS only display the video controls, but no video. Not tested with Edge.
So, my questions are
- How can I adjust the cvlc commandline to stream to all browsers?
- Where is http{mux=ogg,dst=:8080/stream} documented in the VLC documentation? I cannot find it.
Giovanni