Novedades de WebGPU (Chrome 116)

François Beaufort
François Beaufort
GitHub

Integración de WebCodecs

WebGPU expone una API para crear objetos opacos de "textura externa" desde HTMLVideoElement a través de importExternalTexture(). Puedes usar estos objetos para muestrear los fotogramas de video de manera eficiente, posiblemente sin copias, directamente desde los datos del modelo de color YUV de origen.

Sin embargo, la especificación inicial de WebGPU no permitía crear objetos GPUExternalTexture a partir de objetos VideoFrame de WebCodecs. Esta función es importante para las apps de procesamiento de video avanzadas que ya usan WebCodecs y desean integrar WebGPU en la canalización de procesamiento de video. La integración de WebCodecs agrega compatibilidad para usar un VideoFrame como fuente de una llamada GPUExternalTexture y copyExternalImageToTexture(). Consulta el siguiente ejemplo y la entrada de 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.

Consulta la muestra experimental de carga de videos con WebCodecs para probarla.

Dispositivo perdido que devuelve requestDevice() de GPUAdapter

Si el método requestDevice() en GPUAdapter falla porque ya se usó para crear un GPUDevice, ahora se completa con un GPUDevice marcado inmediatamente como perdido, en lugar de mostrar una promesa que se rechaza con null. Consulta el error 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;

Mantén la reproducción de video fluida si se llama a importExternalTexture().

Cuando se llama a importExternalTexture() con un HTMLVideoElement, la reproducción de video asociada ya no se limita cuando el video no es visible en el viewport. Consulta el problema chromium:1425252.

Conformidad con las especificaciones

El argumento message en el constructor GPUPipelineError() es opcional. Consulta el cambio chromium:4613967.

Se genera un error cuando se llama a createShaderModule() si la fuente de WGSL code contiene \0. Consulta el problema dawn:1345.

El nivel de detalle máximo predeterminado (lodMaxClamp) que se usa cuando se muestrea una textura con createSampler() es 32. Consulta el cambio chromium:4608063.

Mejora la experiencia de los desarrolladores

Se muestra un mensaje en la consola de JavaScript de DevTools para recordarles a los desarrolladores que están usando WebGPU en una plataforma no compatible. Consulta cambio chromium:4589369.

Los mensajes de error de validación del búfer se muestran de inmediato en la consola de JavaScript de DevTools cuando falla getMappedRange() sin forzar a los desarrolladores a enviar comandos a la cola. Consulta el cambio chromium:4597950.

Captura de pantalla de la consola de JavaScript de Herramientas para desarrolladores que muestra un mensaje de error de validación del búfer.
Mensaje de error de validación del búfer en la consola de JavaScript de DevTools.

Actualizaciones de Dawn

Se cambió el nombre del botón de activación de depuración disallow_unsafe_apis a allow_unsafe_apis y se inhabilitó de forma predeterminada. Este botón de activación suprime los errores de validación en los puntos de entrada de la API o las combinaciones de parámetros que aún no se consideran seguros. Puede ser útil para la depuración. Consulta el problema dawn:1685.

Se quitó el atributo source obsoleto de wgpu::ShaderModuleWGSLDescriptor a favor de code. Consulta change dawn:130321.

Se implementó el método wgpu::RenderBundle::SetLabel() faltante. Consulta change dawn:134502.

Las aplicaciones pueden solicitar un backend específico cuando obtienen un adaptador con la opción wgpu::RequestAdapterOptionsBackendType. Consulta el siguiente ejemplo y ejecuta dawn:1875.

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

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

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

Se agregó un nuevo método SwapChain::GetCurrentTexture() con usos adicionales para las texturas de cadena de intercambio, de modo que se pueda usar el wgpu::Texture devuelto en copias. Consulta el siguiente ejemplo y problema dawn:1551.

wgpu::SwapChain swapchain = myDevice.CreateSwapChain(mySurface, &myDesc);
swapchain.GetCurrentTexture();
swapchain.Present();

Esto solo abarca algunos de los aspectos más destacados. Consulta la lista exhaustiva de confirmaciones.

Novedades de WebGPU

Una lista de todo lo que se analizó en la serie Novedades de WebGPU.

Chrome 131

Chrome 130

Chrome 129

Chrome 128

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113