【GB28181】wvp-GB28181-pro修改分屏监控为16画面(前端)

引言
作为一个非前端开发人员,自己摸索起来比较费劲,也浪费了很多时间
由于实际开发中,可能预览的画面多于8个,而wvp目前只支持8画面
本文快速帮助开发者修改分屏监控为多画面。例如16画面,20画面等

文章目录

  • 一、 预期效果展示
    • 16分割画面
    • 20分割画面
  • 二、 源码修改-前端
    • 修改完整源码
    • 重新编译前端源码
    • 重打包后端jar包
  • 三、 验证修改效果

一、 预期效果展示

16分割画面

在这里插入图片描述

20分割画面

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

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

相关文章

【Linux C | 网络编程】gethostbyname 函数详解及C语言例子

😁博客主页😁:🚀https://blog.csdn.net/wkd_007🚀 🤑博客内容🤑:🍭嵌入式开发、Linux、C语言、C、数据结构、音视频🍭 🤣本文内容🤣&a…

WPF 滑动条样式

效果图&#xff1a; 浅色&#xff1a; 深色&#xff1a; 滑动条部分代码&#xff1a; <Style x:Key"RepeatButtonTransparent" TargetType"{x:Type RepeatButton}"><Setter Property"OverridesDefaultStyle" Value"true"/&g…

vue2+elementui上传照片(el-upload 超简单)

文章目录 element上传附件&#xff08;el-upload 超详细&#xff09;代码展示html代码data中methods中接口写法 总结 element上传附件&#xff08;el-upload 超详细&#xff09; 这个功能其实比较常见的功能&#xff0c;后台管理系统基本上都有&#xff0c;这就离不开element的…

AI大模型提供商有哪些?

AI大模型提供商&#xff1a;引领人工智能创新浪潮 随着人工智能技术的迅猛发展&#xff0c;AI大模型成为了推动行业变革和创新的核心驱动力之一。作为AI领域的重要参与者&#xff0c;AI大模型提供商扮演着关键的角色。本文将围绕这一主题&#xff0c;介绍几家在AI大模型领域具…

基于x86架构的OpenHarmony应用生态挑战赛等你来战!

为了更快速推进OpenHarmony在PC领域的进一步落地&#xff0c;加快x86架构下基于OpenHarmony的应用生态的繁荣&#xff0c;为北向应用开发者提供一个更加便捷的开发环境&#xff0c;推动OpenHarmony北向应用开发者的增加&#xff0c;助力OpenHarmony在PC领域实现新的突破&#x…

物联网常见协议之MQTT 详解

一、简述 MQTT&#xff08;Message Queuing Telemetry Transport&#xff0c;消息队列遥测传输协议&#xff09;&#xff0c;是一种基于发布/订阅&#xff08;publish/subscribe&#xff09;模式的"轻量级"通讯协议&#xff0c;该协议构建于TCP/IP协议上&#xff0c;…

TypeScript+React Web应用开发实战

&#x1f482; 个人网站:【 海拥】【神级代码资源网站】【办公神器】&#x1f91f; 基于Web端打造的&#xff1a;&#x1f449;轻量化工具创作平台&#x1f485; 想寻找共同学习交流的小伙伴&#xff0c;请点击【全栈技术交流群】 在现代Web开发中&#xff0c;React和TypeScrip…

Python 中的日志(logging)模块基础与实战【第105篇—logging模块】

Python 中的日志(logging)模块基础与实战 在软件开发过程中&#xff0c;日志是一项至关重要的功能&#xff0c;它可以帮助我们追踪程序的执行过程、排查问题并记录关键信息。Python 提供了一个强大且灵活的日志模块&#xff0c;即 logging 模块&#xff0c;它允许我们以结构化…

【方法】带密码的7Z分卷文件如何解压?

7Z是很多人工作中经常用到的压缩文件格式&#xff0c;那如果压缩成7Z分卷压缩文件&#xff0c;并且设置了密码&#xff0c;后续要如何解压呢&#xff1f;不清楚的小伙伴一起来看看吧&#xff01; 首先&#xff0c;在解压7Z分卷压缩文件前&#xff0c;需要先满足以下两个条件&a…

Android T 远程动画显示流程其三——桌面侧动画启动到系统侧结束流程

前言 接着前文分析Android T 远程动画显示流程其二 我们通过IRemoteAnimationRunner跨进程通信从系统进程来到了桌面进程&#xff0c;这里是真正动画播放的逻辑。 之后又通过IRemoteAnimationFinishedCallback跨进程通信回到系统进程&#xff0c;处理动画结束时的逻辑。 进入…

YOLO V3学习(3)——基于darknet ros的目标检测 基于gpu版本

本机已经安装GPU显卡&#xff0c;并下载了Cuda、Cudnn。GPU配置为1660Ti 1.darknet编译 下载darknet&#xff1a; git clone https://github.com/AlexeyAB/darknet.git 修改相应的makefile文件 主要的修改部分&#xff1a; GPU1 CUDNN1 CUDNN_HALF0 OPENCV1 AVX0 OPENMP0 LIB…

表格图片太大怎么批量压缩?快速处理图片大小的方法

在工作或者学习中制作表格的时候&#xff0c;经常需要插入一些图片来修饰内容&#xff0c;当遇到图片太大无法导入的情况就比较麻烦&#xff0c;尤其是多张图片处理的时候&#xff0c;那么表格图片太大怎么批量压缩呢&#xff1f;接下来小编就分享给大家一个快速图片压缩的方法…