EasyGBS播放器全屏后无法展示云台组件的调整方法

去年EasyGBS最新增加了语音和云台控制功能,基于操作性考虑,我们也将云台控制和语音对讲功能集于一个控制面板当中,如下图:

正常情况下,如果视频全屏显示,也可以直接在视频右侧显示组件,但在我们的日常测试中,有时会发现EasyGBS播放器全屏后无法展示云台组件。

点击播放器全屏,全屏的是播放器组件,实际上播放器和云台是分开的,播放器不包含云台,当播放器全屏后属于最高层级,以至于遮挡了云台。

实际上,云台只是被遮挡,我们修改时要取消这个遮挡。找到播放器组件和云台组件,给两个组件定义上ID属性。

在页面加载完成后执行如下代码:

将层级调整后,再次预览播放器界面,可以看到云台已经在播放器上方了:

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

posted on   EasyGBS  阅读(34)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示