Novedades de WebGPU (Chrome 116)

François Beaufort
François Beaufort
GitHub

Integración de WebCodecs

WebGPU expone una API para crear una “textura externa” opaca objetos desde HTMLVideoElement hasta importExternalTexture(). Puedes usar estos objetos para muestrear los fotogramas de video de manera eficiente, posiblemente de una forma de 0 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 capacidad es importante para las apps de procesamiento de video avanzado que ya usan WebCodecs y desean integrar WebGPU en la canalización de procesamiento de video. La integración de WebCodecs agrega compatibilidad con el uso de VideoFrame como fuente para 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 Cómo subir videos con WebCodecs para probarla.

Dispositivo perdido que devuelve GPUAdapter requestDevice()

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

Reproduce videos de manera 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 está visible en el viewport. Consulta el problema chromium:1425252.

Cumplimiento de las especificaciones

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

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

El nivel máximo de detalle predeterminado (lodMaxClamp) que se usa para muestrear una textura con createSampler() es 32. Consulta cambiar chromium:4608063.

Mejora la experiencia de los desarrolladores

Aparece un mensaje en la consola de JavaScript de Herramientas para desarrolladores para recordarles a los desarrolladores que usan WebGPU en una plataforma no compatible. Consulta cambiar chromium:4589369.

Los mensajes de error de validación del búfer se muestran instantáneamente en la consola de JavaScript de Herramientas para desarrolladores cuando getMappedRange() falla sin obligar a los desarrolladores a enviar comandos a la cola. Consulta cambiar chromium:4597950.

Captura de pantalla de la consola de JavaScript de Herramientas para desarrolladores con el mensaje de error de validación del búfer.
Mensaje de error de validación del búfer en la consola de JavaScript de Herramientas para desarrolladores.

Actualizaciones del amanecer

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 seguras. Puede ser útil para la depuración. Consulta problema dawn:1685.

Se quitó el atributo source obsoleto wgpu::ShaderModuleWGSLDescriptor y se reemplazó por code. Consulta cambiar amanecer:130321.

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

Las aplicaciones pueden solicitar un backend en particular cuando obtienen un adaptador con la opción wgpu::RequestAdapterOptionsBackendType. Consulta un ejemplo a continuación y aparece el problema 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 texturas de cadena de intercambio, de modo que se pueda usar el wgpu::Texture que se muestra en copias. Consulta un ejemplo a continuación y muestra el problema dawn:1551.

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

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

Novedades de WebGPU

Una lista de todo lo que se ha abordado en la serie Novedades de WebGPU.

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