EasyGBS视频通道定位时在电子地图双击视频导致地图放大问题优化

EasyGBS在开发中遇到地图双击导致视频观测干扰的问题,通过尝试阻止事件冒泡未能解决。最终通过禁用地图的双击放大功能,成功避免了这一问题,确保了视频播放的正常。文章提到EasyGBS在交通、安防等领域的应用,并提及新推出的EasyGBD平台简化了国标协议视频推流。

几个月前,我们在EasyGBS内开发了实时定位播放视频通道的功能,也就是说目前EasyGBS已经实现了地图定位,我们主要是通过循环渲染< bm-info-window >< /bm-info-window >标签来实现该功能的。

image.png

在测试期间,EasyGBS开启电子地图后,双击视频地图会放大,用户的误触可能对视频的观测造成影响。分析可能是事件冒泡导致的,但是我们给父级元素阻止事件冒泡,发现解决不了。

查看相关文档,可能是自定义覆盖物会触发,修改代码如下:

 <bm-info-window :position="markerPoint">
          <VideoDlg
           v-show="isVideoShow"
            :position="markerPoint">
            <template>
              <div class="player-map">
                <div class="player-map-title">
                  通道Channel1
                  <i class="iconfont iconclose1" @click="isVideoShow = false"></i>
                </div>
                <EasyPlayer
                  :videoUrl="videoUrl"
                  alt=""
                  :poster="snapUrl"
                  :loading="bLoading"
                  @update:loading="onLoading"
                  @message="onMessage"
                  :muted="muted"
                  stretch
                  :live="true"
                ></EasyPlayer>
              </div>
            </template>
          </VideoDlg>
        </bm-info-window>

使用信息窗体覆盖物加载快照时正常显示,但是播放视频不能正常播放:

36.png

因此我们最后决定禁用地图双击事件,避免此类问题的发生。

 :double-click-zoom="false"

修改后视频正常播放:

37.png

EasyGBS视频智能分析平台在交通、安防等场景下具备很好的适应性,而今年TSINGSEE青犀视频研发团队刚推出的国标推流平台EasyGBD让国标协议的视频推流变得更加便捷,关于EasyGBS和EasyGBD的使用,欢迎大家了解及测试。

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值