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

2021-08-10 18:14:37 浏览数 (1)

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

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

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

代码语言:javascript复制
<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>

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

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

代码语言:javascript复制
 :double-click-zoom="false"

修改后视频正常播放:

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

0 人点赞