纯前端网页播放20路海康威视、大华RTSP视频流,调用双显卡GPU加速

本文主要是介绍纯前端网页播放20路海康威视、大华RTSP视频流,调用双显卡GPU加速,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

关于网页播放摄像头RTSP视频流,网上有很多免费开源方案,大多数是通过把在服务器端RTSP转码成HLS或者RTMP等前端可以播放的视频流,然后推到前端播放,但是大多数延迟非常高(比如:HLS延迟达到十几秒),并且播放多路或者播放高清视频也非常容易卡顿(没办法,服务器转码,资源消耗非常大)。

有没有一种可以在前端直接播放海康威视、大华RTSP视频流,不需要服务器转码,并且可以稳定播放20路以上不卡顿、不花屏的方案呢?

不同于目前市场上其他厂商的服务器转码前端推流的落后技术方案,猿大师播放器采用独有的内嵌网页的专利技术,可实现跨多种浏览器在WEB端直接播放RTSP视频流,并且支持H.265、H.264、FLV、HLS等多种格式流媒体,猿大师播放器采用硬件解码方式,有效降低CPU负荷,播放高清视频或者同时播放多路视频也不会卡顿,并且猿大师还支持双显卡播放,也就是如果电脑上同时有独立显卡和集成显卡的情况下,可以充分发挥硬件的性能,达到最好的播放效果,对于大屏同时播放多路非常友好。

猿大师播放器官网:http://www.yuanplayer.com/

猿大师播放器免费体验地址:http://test.yuanmaster.com/vlc/

在VUE中实时多路同时播放海康威视RTSP视频流,兼容Chrome、Firefox等浏览器

请确保您的电脑已经开启硬件加速功能,并将我们的程序加入到GPU高性能,如下图:

当终端电脑分别有独立显卡和集成显卡时,猿大师播放器支持通过配置实现双显卡加速播放。双显卡GPU硬件加速播放开启条件:
1、使用操作系统Windows 10及以上,并采用前一章节多路播放的优化配置;
2、需要先后启动2个播放实例,每个实例中可继续实现多路分屏播放;
3、启动播放实例时,参数Version配置1时使用独立进程播放,配置0时所有分屏视频流都在同一个进程播放,建议播放程序目录的配置文件Config.json中SelfGPU设置0,先启动的播放实例设置Version为1,这样确保第一个实例采用多进程独立显卡加速播放;后启动的播放实例Version设置为0,采用单进程集成显卡播放;
4、由于集成显卡往往比独立显卡性能差些,所以在启动使用集成显卡的播放实例中,播放的视频分辨率尽可能低一些,分屏数量也尽可能少一些;
5、在任务管理器中,切换到性能页面,观察GPU 1及GPU 0的利用情况,如果达到90%以上,说明GPU加速能力已经充分利用上了,另外也可以观察CPU及内存的利用率,需要适当留一些资源给其它程序使用,否则可能导致对浏览器的操作响应慢等情况出现。

这篇关于纯前端网页播放20路海康威视、大华RTSP视频流,调用双显卡GPU加速的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/856339

相关文章

一文教你Python如何快速精准抓取网页数据

《一文教你Python如何快速精准抓取网页数据》这篇文章主要为大家详细介绍了如何利用Python实现快速精准抓取网页数据,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录1. 准备工作2. 基础爬虫实现3. 高级功能扩展3.1 抓取文章详情3.2 保存数据到文件4. 完整示例

C#如何调用C++库

《C#如何调用C++库》:本文主要介绍C#如何调用C++库方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录方法一:使用P/Invoke1. 导出C++函数2. 定义P/Invoke签名3. 调用C++函数方法二:使用C++/CLI作为桥接1. 创建C++/CL

判断PyTorch是GPU版还是CPU版的方法小结

《判断PyTorch是GPU版还是CPU版的方法小结》PyTorch作为当前最流行的深度学习框架之一,支持在CPU和GPU(NVIDIACUDA)上运行,所以对于深度学习开发者来说,正确识别PyTor... 目录前言为什么需要区分GPU和CPU版本?性能差异硬件要求如何检查PyTorch版本?方法1:使用命

python获取网页表格的多种方法汇总

《python获取网页表格的多种方法汇总》我们在网页上看到很多的表格,如果要获取里面的数据或者转化成其他格式,就需要将表格获取下来并进行整理,在Python中,获取网页表格的方法有多种,下面就跟随小编... 目录1. 使用Pandas的read_html2. 使用BeautifulSoup和pandas3.

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行