目前大部分摄像头都支持RTSP协议，但是在浏览器限制，最新版的浏览器都不能直接播放RTSP协议，Electron 桌面应用是基于 Chromium 内核的，所以也不能直接播放RTSP，但是我们又有这个需求怎么办呢？
市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可以自己选择。
1.免费开源方案，其实就是转码方案。
优势：免费。
劣势：延迟高，有的甚至达到几秒或者十几秒。播放容易卡顿，服务器性能严重影响播放质量，特别播放高清视频或者多路视频非常容易卡住。
原理：一般是RTSP转RTMP或者转http-flv、转HLS（延迟高）、转WebRTC，播放端用flv.js播放或video.js播放。
2.网页直接播放方案：首选推荐猿大师播放器。
优势：成熟的商业软件，直接播放RTSP视频流，延迟低，最低300毫秒延迟，播放稳定，同时播放20路不卡顿，支持H.264和H.265格式，兼容最新版本主流浏览器，包含最新版Chrome，支持的协议和视频格式非常广泛。
劣势：终端电脑需要安装插件。
原理：底层调用VLC播放器或FFPLAY播放器控件播放，理论上 VLC播放器和FFPLAY播放器能播放的视频格式，猿大师播放器都可以播放，支持本地硬件解码和加速，性能与桌面版播放器播放效果一样，这两款开源的播放程序，能支持目前已知的大部分视频格式。
第一步：下载猿大师播放器，下载地址：http://www.yuanplayer.com/xiazai/
第二步：联系在线客服开通试用版，首次7天，到期后可以延长。
第三步：用猿大师提供的在线网页进行测试，网址：http://test.yuanmaster.com/player
文章来源：https://www.toymoban.com/news/detail-784423.html
这个测试页面是猿大师播放器多引擎版本，可以选择VLC播放引擎或者FFPLAY播放引擎，效果与用电脑桌面版播放完全一致，另外还可以找客服要VUE或者HTML的范例源码，纯前端的插件，集成到项目上很简单，懂前端的技术一看就会。文章来源地址https://www.toymoban.com/news/detail-784423.html
到了这里，关于electron+vue网页直接播放RTSP视频流？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
