返回 BIM 与 IFC 博客
普通的视频播放器能说明时间,却丢失了空间;普通的 IFC 查看器能说明空间,却往往丢失了现场拍到的视觉证据。把这两种资源放进同一个 3D 画面,演示者无需切换应用,就能同时指出设计构件、地形环境和记录下来的现场状况。
目的不是把视频铺得到处都是,而是选择一种能回答用户问题的放置模式:这台摄像机看到了什么?这段进度证据应该对应到哪里?正在讨论的是哪个表面或作业区域?
观看离线示例视频
运营展馆(Operations Pavilion)施工进度循环视频
8 秒合成循环视频,与内置的 IFC4 展馆配套。
为本仓库制作的合成媒体,不代表任何真实项目或现场。
在线体验 IFC + 3D 视频
启动在线示例,即可加载完全配套的 IFC,创建一个视频纹理,并把两种资源一起框入视图。视频默认静音并在本地循环播放,因此演示既不依赖流媒体服务,也不依赖展会的 Wi-Fi。
运营展馆:IFC + 视频纹理
交互式 WebGL 示例:使用内置的 IFC4 模型,以及与之配套的合成进度循环视频,作为朝向相机的 3D 资源。
IFC 和视频已就绪,拖动即可旋转视图
真实产品截图:内置的 IFC 和 MP4 被一起加载,视频表面可以调整位置、缩放大小并设为半透明。
三种放置模式,三种不同用途
屏幕、地面叠加和公告板是不同的展示选择,而不是可以互换的视觉效果。
| 模式 | 最佳用途 | 主要风险 |
|---|
| 屏幕 | 检查站、立面或设备摄像头 | 如果 3D 位置是随意设定的,看起来会与场景脱节 |
| 地面 / 地形 | 进度区域、无人机视角、开挖证据 | 在起伏地形上出现 Z-fighting(深度冲突)或虚假的精度 |
| 公告板 | 展会、导览和快速讲故事 | 因为它跟随相机,在空间上的说服力较弱 |
不透明度和地形是产品级控件
当观众需要透过录制的画面看到设计几何时,不透明度就很有用。它不是装饰性的滑块:不透明度太低,视频可能根本无法解读;完全不透明,又可能挡住正在讨论的 IFC 证据。好的默认值应当让媒体保持清晰可读,并提供一键切换的对比状态。
地面视频还需要以米为单位的宽度、局部位置、偏航角(yaw)和一个很小的表面偏移。如果应用能对可见的地形或场景网格进行采样,就可以把平面吸附到表面上。但 UI 仍应显示最终的放置结果:自动吸附只是一种便利,而不是经过测量的变换。
播放器、社交媒体元数据和视频搜索标记都使用这张固定的封面图。
性能与生命周期规则
- 只有在用户打开示例,或资源进入视口之后,才创建 HTMLVideoElement 和 WebGL VideoTexture。
- 调整不透明度或位置时复用同一个纹理;不要每拖动一次滑块就重新创建解码器。
- 视频隐藏时暂停播放;移除时释放媒体元素、纹理、材质、几何体和 object URL。
- 在页面中保留一张静态封面图,让用户和爬虫在 WebGL 启动之前就能看到有用的内容。
- 展会上优先使用体积小的本地 MP4/WebM 循环视频,之后再把 WebRTC 摄像头或屏幕捕获作为明确标示的实时源加入。
五分钟的展会讲解流程
- 先单独打开 IFC,把展馆框入视图。
- 以公告板方式加载配套视频,让每位参观者都能立刻看到。
- 切换到地面模式,调整不透明度,展示两者的空间关系。
- 在视频继续播放的同时移动相机,证明它是 3D 场景的一部分,而不是叠加在网页上的图层。
- 最后再次离线加载同一组 IFC 和视频,并说明真实的摄像头、共享屏幕或录制的巡检视频可以如何替代这个合成源。
如果证据必须以 XYZ 点而不是像素的形式保持可检查,请使用时序 LiDAR 与 MCAP 架构。如果对比是静态且经过测量的,请从 IFC 与点云的 Scan-to-BIM 对齐入手。
在 3D 地形上叠加 IFC 与视频:交互式施工进度演示