纯前端网页播放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

相关文章

Idea调用WebService的关键步骤和注意事项

《Idea调用WebService的关键步骤和注意事项》:本文主要介绍如何在Idea中调用WebService,包括理解WebService的基本概念、获取WSDL文件、阅读和理解WSDL文件、选... 目录前言一、理解WebService的基本概念二、获取WSDL文件三、阅读和理解WSDL文件四、选择对接

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器(/deep/)来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言

VUE动态绑定class类的三种常用方式及适用场景详解

《VUE动态绑定class类的三种常用方式及适用场景详解》文章介绍了在实际开发中动态绑定class的三种常见情况及其解决方案,包括根据不同的返回值渲染不同的class样式、给模块添加基础样式以及根据设... 目录前言1.动态选择class样式(对象添加:情景一)2.动态添加一个class样式(字符串添加:情

Java调用Python代码的几种方法小结

《Java调用Python代码的几种方法小结》Python语言有丰富的系统管理、数据处理、统计类软件包,因此从java应用中调用Python代码的需求很常见、实用,本文介绍几种方法从java调用Pyt... 目录引言Java core使用ProcessBuilder使用Java脚本引擎总结引言python

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

java如何调用kettle设置变量和参数

《java如何调用kettle设置变量和参数》文章简要介绍了如何在Java中调用Kettle,并重点讨论了变量和参数的区别,以及在Java代码中如何正确设置和使用这些变量,避免覆盖Kettle中已设置... 目录Java调用kettle设置变量和参数java代码中变量会覆盖kettle里面设置的变量总结ja

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

vue如何监听对象或者数组某个属性的变化详解

《vue如何监听对象或者数组某个属性的变化详解》这篇文章主要给大家介绍了关于vue如何监听对象或者数组某个属性的变化,在Vue.js中可以通过watch监听属性变化并动态修改其他属性的值,watch通... 目录前言用watch监听深度监听使用计算属性watch和计算属性的区别在vue 3中使用watchE

python解析HTML并提取span标签中的文本

《python解析HTML并提取span标签中的文本》在网页开发和数据抓取过程中,我们经常需要从HTML页面中提取信息,尤其是span元素中的文本,span标签是一个行内元素,通常用于包装一小段文本或... 目录一、安装相关依赖二、html 页面结构三、使用 BeautifulSoup javascript

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库