欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

新版国标GB28181协议国标视频平台EasyGBS云台控制面板遮挡侧边栏数据修复

程序员文章站 2022-07-05 11:26:37
...

由于EasyGBS最新增加了语音和云台控制功能,TSINGSEE青犀视频也在对新的界面进行修改和增加。基于操作性考虑,我们最终决定将云台控制和语音对讲功能集于一个控制面板当中。

新版国标GB28181协议国标视频平台EasyGBS云台控制面板遮挡侧边栏数据修复

再调试的EasyGBS云台控制面板的时候,发现直接将控制面板放在实时调阅的侧边栏,会遮挡后面的设备名称菜单栏,当设备多的时候,无法点击最底下的设备通道进行调阅。

新版国标GB28181协议国标视频平台EasyGBS云台控制面板遮挡侧边栏数据修复

我们想到可以将该面板做成弹出式面板,通过给控制面板加一个显示隐藏的按钮,做到需要该面板的时候调出,不需要的时候隐藏的功能。

代码示例如下,供参考:

 <!-- 云端控制 -->
    <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

调整好之后,界面展现如下图:

新版国标GB28181协议国标视频平台EasyGBS云台控制面板遮挡侧边栏数据修复

新版国标GB28181协议国标视频平台EasyGBS云台控制面板遮挡侧边栏数据修复

EasyGBS更新新版以来,我们做了不少功能上的改进,比如视频调阅登录鉴权等,同时也增加了很多新功能,比如告警功能语音对讲。此外,TSINGSEE青犀视频也研发了新的国标协议推流平台——EasyGBD。国标EasyGBD能够在国标GB28181协议下进行视频流媒体传输,在使用手机等移动设备进行执法或者户外监控的时候,能够实现户外移动监控的网页无插件直播。

新版国标GB28181协议国标视频平台EasyGBS云台控制面板遮挡侧边栏数据修复