如果有什么问题，可以在评论区留言，up会在一天内答复的，如果觉得有用的话请点个赞哦。

工具设备介绍：

1、确定rtsp流可用的工具：VLC media player

2、海康网络搜索工具

原因：

海康官方提供的Web版有两种解决方案：

1、Web3.0 插件版本，无延迟，但是只能运行在IE和低版本谷歌等浏览器上面

2、无插件版本，采用转码推流的方式，有延迟

之前尝试过rtsp转flv,再用bilibili的flv.js进行播放，当时延迟是在2s左右（有兴趣的话我可以写个博客分享下）；这次将使用WebSocket推流+Jsmpeg.js转码的方式进行编码。

过程：

后端使用node.js，使用 rtsp-relay进行推流，网址可在github上搜索，

前端使用的是vue，需要引入jsmpeg.js，如果实在引入不成功，可以使用iframe+html网页的方式在vue中显示，

测试结果：

延迟在1S左右，和vlc播放rtsp的速度一样；并且 rtsp-relay可以提高或者降低画质来改变带宽占用；如果网页搁置，有快速快进到当前时间段的效果。

小破站放代码不方便，如果需要代码的话，可以留言我把代码整理放在github上。