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.](https://developer.chrome.com/static/blog/new-in-webgpu-116/image/screenshot-devtools-java-f6335abfb3e85.png?authuser=19&hl=es)
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 dawn: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 128
- Experimenta con subgrupos
- Baja del sesgo de profundidad para las líneas y puntos
- Ocultar la advertencia de error no capturado de Herramientas para desarrolladores si preventDefault
- WGSL interpola el muestreo primero y, luego,
- Actualizaciones del amanecer
Chrome 127
- Compatibilidad experimental con OpenGL ES en Android
- Atributo de información de GPUAdapter
- Mejoras en la interoperabilidad de WebAssembly
- Mejoras en los errores del codificador de comandos
- Actualizaciones del amanecer
Chrome 126
- Aumenta el límite de maxTextureArrayLayers
- Optimización de carga de búfer para el backend de Vulkan
- Mejoras en el tiempo de compilación del sombreador
- Los búferes de comandos enviados deben ser únicos
- Actualizaciones del amanecer
Chrome 125
- Subgrupos (función en desarrollo)
- Cómo renderizar una porción de textura 3D
- Actualizaciones del amanecer
Chrome 124
- Texturas de almacenamiento de solo lectura y de lectura y escritura
- Asistencia para service workers y trabajadores compartidos
- Nuevos atributos de información del adaptador
- Correcciones de errores
- Actualizaciones del amanecer
Chrome 123
- Compatibilidad con funciones integradas de la DP4a en WGSL
- Parámetros de puntero no restringido en WGSL
- Azúcar de sintaxis para desreferenciar compuestos en WGSL
- Separa el estado de solo lectura para los aspectos de esténcil y profundidad
- Actualizaciones del amanecer
Chrome 122
- Expande el alcance con el modo de compatibilidad (función en desarrollo)
- Aumenta el límite de maxVertexAttributes
- Actualizaciones del amanecer
Chrome 121
- Compatibilidad con WebGPU en Android
- Usa DXC en lugar de FXC para compilar sombreadores en Windows
- Consultas de marcas de tiempo en los pases de procesamiento y renderización
- Puntos de entrada predeterminados a los módulos de sombreadores
- Compatibilidad con display-p3 como espacio de color GPUExternalTexture
- Información sobre los montón de memoria
- Actualizaciones del amanecer
Chrome 120
- Compatibilidad con valores de punto flotante de 16 bits en WGSL
- Supera los límites
- Cambios en el estado de la plantilla de profundidad
- Actualizaciones de la información de los adaptadores
- Cuantización de consultas de marcas de tiempo
- Funciones de la limpieza de primavera
Chrome 119
- Texturas flotantes de 32 bits filtrables
- formato de vértice unorm10-10-10-2
- Formato de textura RGB10a2uint
- Actualizaciones del amanecer
Chrome 118
- Compatibilidad con ImageData y HTMLImageElement en
copyExternalImageToTexture()
- Compatibilidad experimental para texturas de almacenamiento de lectura y escritura y de solo lectura
- Actualizaciones del amanecer
Chrome 117
- Se anuló la configuración del búfer de vértices
- Anular el grupo de vinculaciones
- Silencia errores de la creación de una canalización asíncrona cuando se pierde el dispositivo
- Actualizaciones de la creación de módulos sombreadores SPIR-V
- Mejora la experiencia de los desarrolladores
- Almacenamiento de canalizaciones en caché con diseño generado automáticamente
- Actualizaciones del amanecer
Chrome 116
- Integración de WebCodecs
- Dispositivo perdido que devuelve GPUAdapter
requestDevice()
- Mantener la reproducción de video fluida si se llama a
importExternalTexture()
- Cumplimiento de las especificaciones
- Mejora la experiencia de los desarrolladores
- Actualizaciones del amanecer
Chrome 115
- Extensiones de idioma WGSL compatibles
- Compatibilidad experimental con Direct3D 11
- Obtén una GPU discreta de forma predeterminada con la alimentación de CA
- Mejora la experiencia de los desarrolladores
- Actualizaciones del amanecer
Chrome 114
- Optimiza JavaScript
- getCurrentTexture() en el lienzo no configurado arroja una InvalidStateError
- Actualizaciones de WGSL
- Actualizaciones del amanecer