EasyGBS视频通道定位时在电子地图双击视频导致地图放大问题优化
原创EasyGBS视频通道定位时在电子地图双击视频导致地图放大问题优化
原创
TSINGSEE青犀视频
修改于 2021-08-10 18:14:37
修改于 2021-08-10 18:14:37
几个月前，我们在EasyGBS内开发了实时定位播放视频通道的功能，也就是说目前EasyGBS已经实现了地图定位，我们主要是通过循环渲染< bm-info-window >< /bm-info-window >标签来实现该功能的。
在测试期间，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>使用信息窗体覆盖物加载快照时正常显示，但是播放视频不能正常播放：
因此我们最后决定禁用地图双击事件，避免此类问题的发生。
:double-click-zoom="false"修改后视频正常播放：
EasyGBS视频智能分析平台在交通、安防等场景下具备很好的适应性，而今年TSINGSEE青犀视频研发团队刚推出的国标推流平台EasyGBD让国标协议的视频推流变得更加便捷，关于EasyGBS和EasyGBD的使用，欢迎大家了解及测试。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
相关产品与服务
云直播
云直播（Cloud Streaming Services，CSS）为您提供极速、稳定、专业的云端直播处理服务，根据业务的不同直播场景需求，云直播提供了标准直播、快直播、云导播台三种服务，分别针对大规模实时观看、超低延时直播、便捷云端导播的场景，配合腾讯云视立方·直播 SDK，为您提供一站式的音视频直播解决方案。