新版国标GB28181协议国标视频平台EasyGBS云台控制面板遮挡侧边栏数据修复
由于EasyGBS最新增加了语音和云台控制功能,TSINGSEE青犀视频也在对新的界面进行修改和增加。基于操作性考虑,我们最终决定将云台控制和语音对讲功能集于一个控制面板当中。
再调试的EasyGBS云台控制面板的时候,发现直接将控制面板放在实时调阅的侧边栏,会遮挡后面的设备名称菜单栏,当设备多的时候,无法点击最底下的设备通道进行调阅。
我们想到可以将该面板做成弹出式面板,通过给控制面板加一个显示隐藏的按钮,做到需要该面板的时候调出,不需要的时候隐藏的功能。
代码示例如下,供参考:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!-- 云端控制 --> <div class = "remoteConsole" > <div class = "remoteConsoleEnble" @click= "showRemoteConsole" title= "云端控制" > <i : class = "['iconfont',{'iconyou':!remoteConsole},{'iconzuo':remoteConsole}]" ></i> </div> <div class = "add HoverFont" @mousedown.prevent= "ptzControl('zoomin')" @mouseup= "ptzControlend" > <i class = "iconfont iconadd" ></i> </div> <div class = "conter" > <span class = "up pattze HoverFont" @mousedown.prevent= "ptzControl('up')" @mouseup= "ptzControlend" > <i class = "iconfont iconshang IconFont" ></i> </span> <span |
调整好之后,界面展现如下图:
EasyGBS更新新版以来,我们做了不少功能上的改进,比如视频调阅、登录鉴权等,同时也增加了很多新功能,比如告警功能、语音对讲。此外,TSINGSEE青犀视频也研发了新的国标协议推流平台——EasyGBD。国标EasyGBD能够在国标GB28181协议下进行视频流媒体传输,在使用手机等移动设备进行执法或者户外监控的时候,能够实现户外移动监控的网页无插件直播。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结