标记点监控画面弹窗

1. 概要

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

2. 安装 FFmpeg

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

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

3. 操作流程

3.1 添加弹窗

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

3.2 监控设置

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

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

3.3 设置弹窗交互

选中标记组后，添加交互，交互设置入下图所示：

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

3.4 弹窗切换到标记视角

选中标记组后，添加交互，交互设置入下图所示：

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

3.5 设置不同监控地址

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

4. 视频教程

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