此页面由 Cloud Translation API 翻译。

WebGPU 的新变化 (Chrome 116)

François Beaufort

WebCodecs 集成

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

不过，最初的 WebGPU 规范不允许从 WebCodecs VideoFrame 对象创建 GPUExternalTexture 对象。对于已使用 WebCodecs 并希望在视频处理流水线中集成 WebGPU 的高级视频处理应用，此功能非常重要。WebCodecs 集成添加了对使用 VideoFrame 作为 GPUExternalTexture 和 copyExternalImageToTexture() 调用的来源的支持。请参阅以下示例和 chromestatus 条目。

// 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);

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

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

GPUAdapter requestDevice() 返回的丢失设备

如果 GPUAdapter 上的 requestDevice() 方法因已用于创建 GPUDevice 而失败，则现在会立即使用标记为丢失的 GPUDevice 来完成，而不是返回拒绝并显示 null 的 promise。请参阅问题 chromium:1234617。

const adapter = await navigator.gpu.requestAdapter();
const device1 = await adapter.requestDevice();

// New! The promise is not rejected anymore with null.
const device2 = await adapter.requestDevice();
// And the device is immediately marked as lost.
const info = await device2.lost;

如果调用 importExternalTexture()，则保持视频播放流畅

当使用 HTMLVideoElement 调用 importExternalTexture() 时，如果视频在视口中不可见，则不再限制相关联的视频播放。请参阅问题 chromium:1425252。

规范一致性

GPUPipelineError() 构造函数中的 message 实参是可选的。请参阅变更 chromium:4613967。

如果 WGSL 源 code 包含 \0，则在调用 createShaderModule() 时会触发错误。请参阅问题 dawn:1345。

使用 createSampler() 对纹理进行采样时，所用的默认最大细节级别 (lodMaxClamp) 为 32。请参阅变更 chromium:4608063。

改善开发者体验

当开发者在不受支持的平台上使用 WebGPU 时，系统会在开发者工具 JavaScript 控制台中显示一条消息来提醒开发者。请参阅变更 chromium:4589369。

当 getMappedRange() 失败时，开发者工具 JavaScript 控制台中会立即显示缓冲区验证错误消息，而无需开发者向队列发送命令。请参阅 change chromium:4597950。

开发者工具 JavaScript 控制台的屏幕截图，其中显示了缓冲区验证错误消息。 — 开发者工具 JavaScript 控制台中的缓冲区验证错误消息。

Dawn 更新

disallow_unsafe_apis 调试切换开关已重命名为 allow_unsafe_apis，并将其默认设置为停用。此切换开关可抑制尚未被视为安全的 API 入口点或参数组合的验证错误。这对于调试很有用。请参阅问题 dawn:1685。

移除了弃用的 wgpu::ShaderModuleWGSLDescriptor source 属性，取而代之的是 code。请参阅变更 dawn:130321。

实现了缺少的 wgpu::RenderBundle::SetLabel() 方法。请参阅变更 dawn:134502。

应用可以在使用 wgpu::RequestAdapterOptionsBackendType 选项获取适配器时请求特定后端。请参阅下面的示例，并发出 dawn:1875。

wgpu::RequestAdapterOptionsBackendType backendTypeOptions = {};
backendTypeOptions.backendType = wgpu::BackendType::D3D12;

wgpu::RequestAdapterOptions options = {};
options.nextInChain = &backendTypeOptions;

// Request D3D12 adapter.
myInstance.RequestAdapter(&options, myCallback, myUserData);

新增了一个 SwapChain::GetCurrentTexture() 方法，其中添加了交换链纹理的其他用法，以便在副本中使用返回的 wgpu::Texture。请参阅下面的示例并提交 dawn:1551。