什么是 WebGPU
WebGPU 是 W3C 制定的一项规范,用于直接从浏览器访问 GPU。它于 2024 年 12 月进入候选推荐(Candidate Recommendation)阶段,截至 2026 年仍处于这一阶段。
WebGPU 已在以下浏览器中默认启用:Windows、macOS 和 ChromeOS 上的 Chrome 与 Edge 113+,Safari 26(2025 年 9 月),以及 Windows 上的 Firefox 141 和搭载 Apple 芯片的 Mac 上的 Firefox 145/147;Linux 和 Android 上的支持仍不完整。
与封装 OpenGL ES 的 WebGL 不同,WebGPU 提供可与 Vulkan 和 Metal 媲美的底层访问能力——计算着色器、显式管线状态、可复用的渲染包(render bundle)。
ProAV 领域为何关注
对于配备浏览器控制面板的软件视频墙,WebGPU 化解了一个此前棘手的架构难题:客户端预览画布可以同时承载 20-30 路实时 4K 信号源缩略图,而不会让操作员的笔记本电脑不堪重负。
已公开的基准测试显示,在 NVIDIA RTX 3080 上,WebGPU 能以 60 FPS 稳定渲染 200,000 个场景对象,而 WebGL 在超过 15,000 个对象后性能便断崖式下跌。
架构上的转变
- 低开销的命令编码——预先验证的管线和可复用的渲染包减少了每帧的 JavaScript 工作量,让主线程得以腾出来处理 UI 交互(在同一设备上从多个线程进行编码目前仍是计划中的功能)。
- 计算着色器——在浏览器中运行通用 GPU 计算负载,包括预览流水线中过去需要服务器端渲染、再以流方式传输屏幕采集画面的部分。
- Three.js TSL——从 r166 版本起,Three.js 提供一种着色语言(TSL),可同时编译为适用于 WebGPU 和 WebGL 的着色器代码。对于现有的 WebGL 代码库,这是一条切实可行的迁移路径。
WebGPU 的能力边界
WebGPU 并不能取代驱动视频墙物理显示屏的服务器端合成器——出于确定性和显示输出吞吐量的考虑,后者仍需要 Vulkan 或同类原生 API。WebGPU 的用武之地是操作员的浏览器:控制平面、预览、态势地图和叠加图形。
何时开始规划
2027-2028 年新开发的浏览器控制面板将默认以 WebGPU 可用为前提。现有的 WebGL 面板仍可继续使用,不存在被弃用的压力;但一旦同类产品完成迁移,任何超出静态布局网格的功能都会开始显得迟缓。
相关术语
选择下一步
了解产品
30 分钟实时演示台,自行体验:操作员界面加实体视频墙摄像头。
规划项目
提供显示屏布局、信号源及需求。我们将与您讨论配置并准备报价。
与 Craft Wall 合作
面向正在为客户项目评估软件的系统集成商和经销商。