主题
3.5 嵌入组件:画面与多媒体
这五个是"重量级"嵌入组件,都在「基本组件 → 嵌入」子分组下。
3.5.1 WEB框
用途:用 iframe 在组态画面里嵌入任意外部网页。
| 属性 | 说明 | 类型 |
|---|---|---|
| URL | 网页地址 | 字符串 |
| 边框 | 是否显示边框 | 布尔 |
WARNING
对方网站如果设了 X-Frame-Options,会拒绝被嵌入,显示空白。这不是组态的问题,换个能嵌的地址即可。
3.5.2 视频
用途:播放监控视频流。
| 属性 | 说明 | 类型 |
|---|---|---|
| 视频地址 | 流地址 | 字符串 |
| 自动播放 | 打开画面即播放 | 布尔 |
| 静音 | 默认静音 | 布尔 |
支持格式:HLS(.m3u8)、FLV、MP4。
TIP
手机浏览器普遍禁止带声音自动播放。要一进画面就出图,得同时勾上「自动播放」和「静音」。
3.5.3 内嵌画面
用途:在当前画面里嵌入本工程的另一个画面。
| 属性 | 说明 | 类型 |
|---|---|---|
| 目标画面 | 选择本工程内的画面 | 画面选择 |
适合复用公共部分。例如把顶部标题栏做成一个画面,其他画面都内嵌它,改一处即全部生效。
3.5.4 分屏视图
用途:一屏同时显示 2–4 个画面,分隔条可拖动。
| 属性 | 说明 | 类型 |
|---|---|---|
| 分屏数量 | 2 / 3 / 4 | 选择 |
| 分割方向 | 横向 / 纵向 | 选择 |
| 各格画面 | 每格显示哪个画面 | 画面选择 |
适合大屏值班看板,一屏看多条产线。
3.5.5 3D模型
用途:导入 glTF 三维模型并绑定数据点。
| 属性 | 说明 | 类型 |
|---|---|---|
| 模型文件 | glTF / glb 模型 | 文件选择 |
| 绑定数据 | 驱动模型状态的数据点 | 数据点 |
| 自动旋转 | 场景自动旋转 | 布尔 |
WARNING
3D 模型对手机性能要求高,模型面数大时低端机会卡。给移动端做画面建议慎用,或者单独做一个不带 3D 的手机版画面。