标记点监控画面弹窗

1. 概要

本教程将为大家介绍城市大师组件中标记点监控画面弹窗的设置。

2. 安装 FFmpeg

如果需要支持ONVIF 协议RTSP 协议接入,在使用这两种协议接入之前,需要电脑上先安装好 FFmpeg。
请参看山海鲸可视化“如何安装 FFmpeg”图文教程:https://www.shanhaibi.com/docs/v1/gt92fw/

【温馨提示】安装完成后,需要重启山海鲸可视化才能生效。

3. 操作流程

3.1 添加弹窗

其他组件中选择添加一个弹窗组件,可以根据需要设置不透明度背景颜色等。
image.png

3.2 监控设置

媒体组件中选择添加监控组件

配置项 说明
协议类型 协议类型包括:HLS、RTSP、RTMP、FLV。最常见的协议是 RTSP。
RTSP 监控地址 监控组件会根据此处输入的地址,显示对应监控视频。
RTSP 底层传输协议 协议类型包括:UDP、TCP、UDP_MULTICAST、HTTP。
支持 H265 默认是 H264,如果监控编码是 H265,需要勾选该选项才能正常播放。
显示控制条 开启后会点击监控组件显示暂停按钮、进度条、全屏等功能。
隐藏后销毁等待时间 监控组件被隐藏之后,在后台播放的时间。 如果该时间设置的比较久,在隐藏或者切换子大屏之后短时间内切换回来,监控就不需要重新加载。
静音 开启后监控视频将会被静音。

3.3 设置弹窗交互

选中标记组后,添加交互,交互设置入下图所示:
image.png

弹窗交互** 效果展示**,如下图所示:
效果展示1.gif

3.4 弹窗切换到标记视角

选中标记组后,添加交互,交互设置入下图所示:
image.png

弹窗 切换到标记视角,如下图所示:
效果展示2.gif

3.5 设置不同监控地址

如果需要监控地址来自数据,在获取数据中增加一列“设备地址”,这列数据中填上不同标记点的监控地址,然后使用数据联动,这样就可以实现点开每个摄像头都能显示各自的画面。
请参看山海鲸可视化“城市大师组件-数据标记点”图文教程:
https://shanhaibi.yuque.com/staff-uev5km/shanhaibi/ompux117gpob3gpf
数据.jpg

4. 视频教程

请参看山海鲸可视化“城市大师组件-标记点监控画面弹窗”视频教程:https://www.bilibili.com/video/BV18M411z7zX/