Se usó la API de Cloud Translation para traducir esta página.

Novedades de WebGPU (Chrome 116)

François Beaufort

Integración de WebCodecs

WebGPU expone una API para crear objetos opacos de "textura externa" a partir de HTMLVideoElement a través de importExternalTexture(). Puedes usar estos objetos para tomar muestras de los fotogramas de video de manera eficiente, posiblemente sin necesidad de copiar datos directamente del modelo de color YUV fuente.

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 avanzadas de procesamiento de video 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 para una llamada de 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 Video Uploading with WebCodecs para probarlo.

Se devolvió el dispositivo perdido por 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 devolver 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;

Mantener la reproducción de video fluida si se llama a importExternalTexture()

Cuando se llama a importExternalTexture() con un HTMLVideoElement, ya no se limita la reproducción de video asociada 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 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 Herramientas para desarrolladores para recordarles a los desarrolladores cuando usan WebGPU en una plataforma no compatible. Consulta change chromium:4589369.

Los mensajes de error de validación del búfer se muestran al instante en la consola de JavaScript de Herramientas para desarrolladores cuando falla getMappedRange() sin obligar 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 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 de Dawn

Se cambió el nombre del botón de activación de depuración disallow_unsafe_apis por allow_unsafe_apis y se estableció como inhabilitado 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 wgpu::ShaderModuleWGSLDescriptor obsoleto source y se reemplazó por code. Consulta change dawn:130321.

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

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

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