electron+vue网页直接播放RTSP视频流?

目前大部分摄像头都支持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

这个测试页面是猿大师播放器多引擎版本,可以选择VLC播放引擎或者FFPLAY播放引擎,效果与用电脑桌面版播放完全一致,另外还可以找客服要VUE或者HTML的范例源码,纯前端的插件,集成到项目上很简单,懂前端的技术一看就会。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/342042.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

07- OpenCV:模糊图像

目录 一、模糊原理 二、模糊的相关处理方法: 1、均值滤波(归一化盒子滤波) 2、高斯滤波(正态分布的形状) 3、中值模糊 4、双边模糊算法(美容软件) 5、相关代码: 6、几种模糊算法的比…

docker常用指令

一、目录 docker 指令 1. 创建镜像 2. 保存镜像 3. 加载镜像 4. 删除容器 5. 删除镜像 6. 查看容器日志 7. 查看docker 占用内存情况 8. 查看docker 根目录(安装路径) 9. 创建一个容器 二、实现 docker指令 1 创建镜像 docker commit fd69960ed65f jyf:0.0.1保…

VM无法连接U盘

打开Ubuntu系统的文件夹 找到以 .vmx结尾的文件 搜索 usb.restrictions.defaultAllow的选项 讲 FALSE 改成 TRUE

提升测试效率,轻松并行运行测试——探秘Pytest插件pytest-xdist

在软件开发中,测试是确保代码质量的重要一环。然而,随着项目规模的增大,测试用例的数量也随之增多,测试的执行时间可能成为一个瓶颈。为了解决这个问题,Pytest提供了丰富的插件生态系统,其中 pytest-xdist …

对象存储MinIO的简介与部署

转载说明:如果您喜欢这篇文章并打算转载它,请私信作者取得授权。感谢您喜爱本文,请文明转载,谢谢。 相关文章推荐: 记录一次跨越16个月的minio版本升级与数据迁移 MinIO集群怎么接入Prometheus监控?(上) Mi…

一个完整的流程表单流转

1.写在前面 一个完整的流程表单审批(起表单-->各环节审批-->回退-->重新审批-->完成),前端由Vue2jsElement UI升级为Vue3tsElement Plus,后端流程框架使用Flowable,项目参考了ruoyi-vue-pro(https://gite…

【2024】OAK智能深度相机校准教程

编辑:OAK中国 首发:oakchina.cn 喜欢的话,请多多👍⭐️✍ 内容可能会不定期更新,官网内容都是最新的,请查看首发地址链接。 ▌前言 Hello,大家好,这里是OAK中国,我是Ash…

Dubbo的SPI机制

Dubbo SPI的基本工作流程: 加载扩展点配置:Dubbo SPI首先会加载所有的扩展点配置,这些配置通常是在META-INF/dubbo目录下的properties文件中定义的。每个配置文件的名称就是扩展点接口的全限定名,文件内容是扩展点实现的键值对&am…

1、理解Transformer:革新自然语言处理的模型

目录 一、论文题目 二、背景与动机 三、卖点与创新 四、解决的问题 五、具体实现细节 0. Transformer 架构的主要组件 1. 注意力、自注意力(Self-Attention)到多头注意力(Multi-Head Attention) 注意力到底是做什么的&…

Vue、uniApp、微信小程序、Html5等实现数缓存

此文章带你实现前端缓存,利用时间戳封装一个类似于Redis可以添加过期时间的缓存工具 不仅可以实现对缓存数据设置过期时间,还可以自定义是否需要对缓存数据进行加密处理 工具介绍说明 对缓存数据进行非对称加密处理 对必要数据进行缓存,并…

微信小程序开发学习笔记《7》全局配置以及小程序窗口

微信小程序开发学习笔记《7》全局配置以及小程序窗口 博主正在学习微信小程序开发,希望记录自己学习过程同时与广大网友共同学习讨论。全局配置官方文档 一、全局配置文件及常用的配置项 小程序根目录下的app.json 文件是小程序的全局配置文件。 常用的配置项如…

数据库期末复习重点总结

数据库期末复习重点总结 本文为总结&#xff0c;如有不对的地方请指针 第2章 关系模型的介绍 名称符号选择σ投影∏笛卡儿积连接并∪集差-交∩赋值<-更名ρ 除操作 设R和S除运算的结果为T&#xff0c;则T包含所有在R中但不在S中的属性和值&#xff0c;且T的元组与S的元…