几个月前,我们在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的使用,欢迎大家了解及测试。