Camera¶
用于显示在“设备”->“Camera”列表配置的camera的监控视频。

属性
| 名称 | 描述 |
|---|---|
| 名字 | 此控件的名称。 |
| X | 控件左侧距画布左侧的距离,单位px。 |
| Y | 控件顶部距画布顶部的距离,单位px。 |
| W | 控件的宽度,单位px。 |
| H | 控件的高度,单位px。 |
| Camera | 为控件选择Camera设备。该Camera在 “设备”->"Camera" 页面创建,支持绑定。 |
| 启用PTZ | 开启后,鼠标悬浮在控件上显示PTZ控制面板。需确保绑定的摄像头已正确配置Onvif服务。 可以控制摄像头按照所设的方向进行转动,点击一次,转动一下。 摄像头向上转动 摄像头向下转动 摄像头向右转动 摄像头向左转动 将摄像头复位 将镜头拉近 将镜头拉远 |
| 启用截图 | 开启后,鼠标悬浮在控件上显示截图按钮。 点击按钮,可将当前画面保存为图片。 |
| 查看坐标 | 开启后,鼠标悬浮在控件上显示坐标查看按钮。 点击按钮,显示camera的当前坐标。 |
动作
允许您基于某种条件执行特定的动作。请参阅“动作”页上各种动作的完整描述。
示例
查看车间1的实时生产情况。

- 在 “设备”->“Camera” 页面,新建一个视频名称。详见 Camera 页面。
- 在画面上插入一个“Camera”控件。
- 为控件设置Camera,选择:Streamer1/车间1。
- 点击画面的运行按钮,查看视频。
- 将鼠标移至控件上,显示操作按钮。

| 样式 | 描述 |
|---|---|
![]() | 播放按钮 |
![]() | 暂停按钮 |
![]() | 声音设置按钮 |
![]() | 全屏按钮 |
![]() | 画中画按钮,点击后开始画中画模式 |
自动播放策略¶
在直接打开画面链接的场景下,由于浏览器认为缺少用户交互行为视频将不会自动播放,需要用户手动点击播放按钮;
在下列情况下,浏览器允许有声自动播放:
- 用户与网域进行了互动(点击、点按等);
- 在桌面设备上,用户的媒体互动指数已达到阈值,这意味着用户之前播放过有声视频。
- 用户已在移动设备上将网站添加到主屏幕,或在桌面设备上安装了 PWA。
详情参考官方文档: https://developer.chrome.com/blog/autoplay?hl=zh-cn
摄像头向上转动
摄像头向下转动
摄像头向右转动
摄像头向左转动
将摄像头复位
将镜头拉近
将镜头拉远
点击按钮,可将当前画面保存为图片。
点击按钮,显示camera的当前坐标。



