Chrome browser LVB rtsp format (Media Source Extensions + H5Stream)

currently, I want to broadcast rtsp videos live in a Chrome browser

 :VLCchrome40 Pass 
 :Media Source Extensions + H5Stream
< H2 > question < / H2 >
  1. has a god actually implemented a plan, tell me about the way of thinking
  2. is there a more reasonable plan
Nov.24,2021

found a useful free and open source JS library-- streamedian

when the link on ~: https://streamedian.com

As mentioned in the

introduction, Multifunctional HTML5 RTSP streaming video player over WebSocket
that is, using websocket to implement a multi-functional H5 rtsp video streaming player

here is the usage document: https://streamedian.com/docs/

for students who have little knowledge of websocket, linux, server, or even English and do not understand the documents, please continue to read the handheld Chinese course:

first of all, let's understand the principle:

goal: play rtsp video streams on your browser (browser)
problem: however, the tag < video > of H5 does not support such playback
solution: here we use our streamedian to open a websocket proxy (proxy), on your server to receive rtsp streams and broadcast them to your browser client, where streamedian uses middleware (Media Sources Extensions) to convert RTP H264 and AAC packets received through broadcast into MP4 packets. "feed" < video > to play

get the code of streamedian to feel it:

< H2 > download the JS library < / H2 >

method 1: download
through the official website
may not be the latest version. The streamedian team is still repairing the bug constantly. It is recommended to download the latest version

using method 2 and 3.

enter https://streamedian.com to complete registration and log in to
clipboard.png

clipboard.png
JS;


streamedian;
DomainIPAddDownload licenselicenselicense

:git
npm install git://github.com/Streamedian/html5_rtsp_player.git
:git
clipboard.png

JS streamedianproxy streamedian_proxy.deb,licsense wsp.lic
clipboard.png

streamedian_proxy.debwsp.licstreamedian_proxy.debsudo dpkg -i streamedian_proxy.deb -sharpstreamedian_proxy.deb-i--install

/etc/ws_rtsp.inivimgeneralportliscense_pathwsp.licPRO version

clipboard.png

service ws_rtsp startrtsprtspsocketrtspsocket

service ws_rtsp stopps -aux|grep ws_rtsp
clipboard.png

Vs Codestreamedian

npm install
npm install --global rolluprollupJS

rollup.config.jsentrytargetrollup -cdiststreamedian.js

clipboard.png

index.html
<script>streamedian.js

ideo>rtsp

rtsp,rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov

socketrtspurlws://IP:1104

clipboard.png

index.htmllicenseIP

clipboard.png

index.htmlstreamedian.js

clipboard.png

~~



clipboard.png to report this error. Do you know why


transcoding delay is low, stutter, and the effect of supporting multi-channel simultaneous broadcasting is even worse? if you want to use local hardware to accelerate rendering and playback, the effect is even better. Method: http://zorrosoft.com/files/Vl. demo video: ideo/bv1w5411V78i" rel= "nofollow noreferrer" > https://www.bilibili.com/vide.


the VLC of solution 1 mentioned by the landlord is indeed a good Chrome solution for playing rtsp video streams with low latency. The performance is stable, mainly because the RTSP stream can be read directly without transcoding, but after 2015, after browsers such as Chrome remove the support for NPAPI, VLC cannot be used directly.
and ape master is an independent browser outside the middleware, ape master VLC playback program bottom call VLC's ActiveX control can be embedded in the web page to play multi-RTSP real-time video stream, can achieve low latency (300ms), support H.264 and H.265 format, compatible with the old and latest versions of mainstream browsers, without server transcoding!
comparison of latency between VLC player and VLC native player:
ideo/BV1Sr4y117v8/?aid=763373450&cid=415733351&page=1" rel=" nofollow noreferrer "> https://www.bilibili.com/vide.

Menu