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

最新推荐文章于 2024-09-11 23:20:22 发布
最新推荐文章于 2024-09-11 23:20:22 发布
阅读量824 收藏 2
点赞数
分类专栏： # GB28181 文章标签： 状态模式 GB28181国标 wvp 多分割画面 前端 页面修改
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xunxue1523/article/details/136346664
版权
GB28181 专栏收录该内容
12 篇文章 39 订阅 ¥19.90 ¥99.00
订阅专栏
本文介绍了如何将wvp-GB28181-pro项目的前端分屏监控从默认的8画面修改为16甚至20画面。首先展示了16和20分割画面的效果。接着详细说明了前端源码的修改步骤，涉及Live.vue文件的调整，并指导重新编译前端源码及重打包后端jar包。最后，验证了修改后的效果。
摘要由CSDN通过智能技术生成

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

文章目录

一、 预期效果展示

16分割画面

在这里插入图片描述

20分割画面

在这里插入图片描述

二、 源码修改-前端

需要修改的文件位置：
项目工程下web_src目录下
在这里插入图片描述

了解本专栏 订阅专栏 解锁全文
废人一枚
关注
专栏目录
订阅专栏
国标GB28181流媒体服务器支持多分屏操作
EasyGBS的博客
03-17 789
最近感觉使用国标协议的开发者有很多，我们国标GB28181流媒体服务器提供流转发服务，负责将GB28181设备/平台推送的PS流转成ES流，然后提供RTSP、RTMP、FLV、HLS多种格式进行分发，实现web浏览器、手机浏览器、微信等各种终端无插件播放。 之前有开发者说我们国标GB28181的流媒体服务器需要查看视频的时候，只能单独查看一路视频，想同时查看多路视频的时候，就不是很方便操作。 ...
实现国标GB/T28181流媒体服务解决方案，安防4G摄像头互联网直播方案，无线视频监控解决方案
liveweb视频汇聚平台
12-21 389
国标GB28181视频流媒体服务，liveweb流媒体平台负责将GB28181设备/平台推送的PS流转成ES流，然后提供RTSP、RTMP、FLV、HLS多种格式进行分发，实现web浏览器、手机浏览器、微信、PC客户端等各终端无插件播放。同时，liveweb流媒体服务器对外提供HTTP API接口，通过接口可以获知流媒体转发服务的运行状态信息，转发会话信息，服务器配置和版本信息等。
GB28181-WVP-PRO公网部署(不使用docker部署)--保姆级（centos7+ )
最新发布
weixin_50012753的博客
09-11 1711
网上centos,wvp+zml公网部署的文章比较少 因公司需要,自己花了两天左右时间在公网部署了wvp+zml平台,现在整体记录一下具体流程` 如果自己的服务器为window和Ubuntu部署的话这里就不展开一个一个演示把这个centos公网部署操作明白,其他系统部署都不难
开箱即用的流媒体管理系统wvp-GB28181-pro 基于ZLMediaKit
coderYJ的博客
08-29 5626
ZLMediaKit wvp-GB28181-pro 开箱即用的流媒体
wvp-GB28181-pro 源码分析-服务启动流程及IPC注册（一）
bacawa的博客
06-19 1488
wvp源码分析，服务启动顺序及IPC设备注册流程
【流媒体视频监控平台开发wvp-GB28181-pro】
m0_38110240的博客
04-04 6676
学习原因：需要开发一款视频监控集中平台，兼容海康、大华等视频厂家NVR和摄像头，共几百套设备，但是不需要每天实时监控，基本上每个NVR和摄像头每天观看1次左右，同时可以控制云台和回放，需要兼容大部分浏览器，可节约服务器资源。海康、大华WEB控件开发问题很多，谷歌不能装插件，型号有些不兼容，插件卡死，视频预览回放无进度条，十分不方便。（主要是客户不太满意，又不多给点钱买服务器）1.原有视频监控，基于海康、大华web控件和SDK2.开源wvp-GB28181-pro。
基于Docker-compose 部署wvp-gb28181-pro项目，并修改默认端口
啥都瞅瞅
05-25 2932
github仓库内。个人学习用。有问题也欢迎咨询。
wvp-GB28181-pro 源码分析-点播流程（三）
bacawa的博客
06-21 1352
wvp-GB28181-pro 源码分析-点播流程及停止点播流程源码分析
wvp gb28181 pro开发环境搭建
zengliguang的专栏
04-27 1440
代码下载地址。
探索WVP-GB28181-Pro：一款强大的视频监控平台
gitblog_00042的博客
03-21 1312
探索WVP-GB28181-Pro：一款强大的视频监控平台 项目地址:https://gitcode.com/gh_mirrors/wv/wvp-GB28181-pro 项目简介 是一个开源的视频监控系统，基于GB28181标准实现。该项目旨在为用户提供高效、稳定且易于集成的视频管理解决方案，适用于多种应用场景，如智能家居、商业安全、智慧城市等。 技术分析 核心特性 GB28181兼容性：遵循国...
wvp-GB28181-pro-2.7.2jar包
06-07
【标题】"wvp-GB28181-pro-2.7.2jar包" 涉及的关键技术是GB28181标准、WVP（视频监控平台）和Java开发的程序包（jar文件）。GB28181是中国国家针对IP视频监控系统制定的一套统一标准，它规定了设备间的互联互通、...
wvp-GB28181_wvp-gb28181_wvpgb28181_GB28181_
10-04
gb28181服务端，包含初始化，注册，注销，心跳，invite等功能模块
wvp-GB28181-pro 适配支持 SQlite3 数据库 支持wvp-GB28181-pro 2.6.9
02-28
wvp-GB28181-pro 适配支持 SQlite3 数据库 支持wvp-GB28181-pro 2.6.9
wvp-GB28181-pro及ZLMediaKit打包好的安装脚本
06-27
wvp-GB28181-pro直装版，内附安装说明，安装的时候参考说明去安装，正常情况下只需修改wvp-GB28181-pro的配置文件内的ip即可正常接入GB28181摄像头，里面功能都可正常使用。mysql,redis,jdk都附带了脚本直装，安装...
CentOS7 安装ffmpeg
07-12 1308
安装EPEL Release，因为安装需要使用其他的repo源，所以需要EPEL支持: yum install -y epel-release #如果出现缺少Code提示，可以： sudo rpm --import /etc/pki/rpm-gpg/RPM-GPG-KEY-EPEL-7 #安...
java：wvp-GB28181-pro
OceanStar的博客
05-24 8564
准备 服务运行环境，Linux / OS X / Windows 均可，我的是 ubuntu 海康/大华云台摄像头一个 运行 sip 服务 WVP https://github.com/swwheihei/wvp-GB28181 运行流媒体服务 ZLMediaKit https://github.com/xiongziliang/ZLMediaKit 文章目录准备运行流媒体服务器ZLMediaKit怎么运行windows版本&&linux版本docket版本使用单个端口接收视频流zml后
【GB28181】wvp-GB28181-pro快速修改登录页面名称（前端）
废人一枚的博客
02-28 372
作为一个开发人员，自己摸索起来比较费劲，也浪费了很多时间本文快速帮助开发者修改为。
wvp-GB28181-pro 学习笔记
qq_34813134的博客
09-11 1970
支持浏览器无插件播放摄像头视频。支持国标设备(摄像机、平台、NVR等)设备接入 支持非国标(onvif, rtsp, rtmp，直播设备等等)设备接入，充分利旧。支持国标级联。多平台级联。跨网视频预览。支持跨网网闸平台互联。
详细列出centos部署wvp-gb28181-pro
05-11
部署wvp-gb28181-pro需要以下步骤： 1. 安装CentOS：首先需要安装CentOS操作系统，可以选择最新版本的CentOS 7或8。 2. 安装依赖库：在CentOS上安装wvp-gb28181-pro所需的依赖库，包括FFmpeg、OpenSSL、libxml2、libcurl、libevent、zlib、pcre等。可以使用以下命令安装： ```shell yum install -y epel-release yum install -y openssl-devel libxml2-devel libcurl-devel libevent-devel zlib-devel pcre-devel ``` 3. 下载wvp-gb28181-pro：从wvp-gb28181-pro的官方网站下载wvp-gb28181-pro的源码，解压缩到指定目录。 4. 编译wvp-gb28181-pro：在wvp-gb28181-pro的源码目录下执行以下命令编译： ```shell ./configure make make install ``` 这将会编译并安装wvp-gb28181-pro到系统中。 5. 配置wvp-gb28181-pro：wvp-gb28181-pro的配置文件位于/etc/wvp-gb28181-pro下，可以根据需要编辑配置文件。 6. 启动wvp-gb28181-pro：可以使用以下命令启动wvp-gb28181-pro： ```shell systemctl start wvp-gb28181-pro ``` 启动后可以使用以下命令查看wvp-gb28181-pro的状态： ```shell systemctl status wvp-gb28181-pro ``` 7. 配置防火墙：如果系统开启了防火墙，需要打开wvp-gb28181-pro所需的端口。可以使用以下命令开启端口： ```shell firewall-cmd --zone=public --add-port=5060/udp --permanent firewall-cmd --reload ``` 这将会开启5060端口，如果需要开启其他端口，请根据需要修改以上命令。 以上就是在CentOS上部署wvp-gb28181-pro的完整步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

废人一枚

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值