此页面由 Cloud Translation API 翻译。

WebGPU 的新变化 (Chrome 113)

François Beaufort

经过多年的开发，Chrome 团队宣布，WebGPU 的首个版本现已在 ChromeOS、macOS 和 Windows 上的 Chrome 中默认提供。如需了解详情，请参阅 Chrome 开始支持 WebGPU。

我们还开始在 MDN 上添加 WebGPU 的全面文档。

还有更多惊喜等你体验！

在 `importExternalTexture()` 中使用 WebCodecs `VideoFrame` 来源

WebGPU 通过 importExternalTexture() 公开了一个 API，用于从 HTMLVideoElement 创建不透明的“外部纹理”对象。您可以使用这些对象高效地对视频帧进行采样，甚至可以直接从源 YUV 数据中以零复制方式进行采样。

不过，初始 WebGPU 规范不允许从 WebCodecs VideoFrame 对象创建 GPUExternalTexture 对象。对于已使用 WebCodecs 并希望在视频处理流水线中集成 WebGPU 的高级视频处理应用，此功能非常重要。目前正在 gpuweb/gpuweb#1380 问题中进行讨论。

启用该功能

默认情况下，Chrome 中未启用此功能，但您可以在 Chrome 113 中明确启用此功能，以便进行实验。您可以在本地启用 chrome://flags/#enable-webgpu-developer-features 处的“WebGPU 开发者功能”标志来激活它。

为了让所有应用访问者都能使用该功能，我们目前正在进行源试用，该试用计划于 Chrome 118（2023 年 12 月 8 日）结束。如需参与此试用，请报名并添加一个元元素，其中包含 HTML 或 HTTP 标头中的源试用令牌。如需了解详情，请参阅开始使用源试用一文。

示例代码

// Access the GPU device.
const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();

// Create VideoFrame from HTMLVideoElement.
const video = document.querySelector("video");
const videoFrame = new VideoFrame(video);

const texture = device.importExternalTexture({ source: videoFrame });
// TODO: Use texture in bind group creation.

您可以查看使用 WebCodecs 上传视频的实验性示例，亲自体验一下。