Integración de WebCodecs
WebGPU expone una API para crear objetos opacos de "textura externa" desde HTMLVideoElement
hasta importExternalTexture()
. Puedes usar estos objetos para tomar muestras de los fotogramas de video de manera eficiente, posiblemente con una copia cero 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 para una llamada GPUExternalTexture
y una 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.
Para probar la muestra experimental Cómo subir videos con WebCodecs, pruébalo.
Dispositivo perdido devuelto por GPUAdapter requestDevice()
Si el método requestDevice()
en GPUAdapter
falla porque ya se usó para crear un GPUDevice
, ahora se completa con un GPUDevice
que se marcó 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;
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 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 genera un error cuando se llama a createShaderModule()
si la fuente WGSL code
contiene \0
. Consulta issue dawn:1345.
El nivel máximo de detalle predeterminado (lodMaxClamp
) que se utiliza cuando se toma una textura con createSampler()
es 32. Consulta cambiar 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 estén usando WebGPU en una plataforma no compatible. Consulta cambiar chromium:4589369.
Los mensajes de error de validación del búfer se muestran de manera instantánea en la Consola de JavaScript de las Herramientas para desarrolladores cuando getMappedRange()
falla sin que los desarrolladores tengan que enviar comandos a la cola. Consulta change chromium:4597950.
Actualizaciones del amanecer
Se cambió el nombre del botón de activación de depuración disallow_unsafe_apis
por allow_unsafe_apis
y se inhabilitó de forma predeterminada. Este botón de activación elimina 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 issue dawn:1685.
Se quitó el atributo wgpu::ShaderModuleWGSLDescriptor
source
obsoleto y se reemplazó por code
. Consulta cambio dawn: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 el siguiente ejemplo y el error 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 el wgpu::Texture
que se muestra se pueda usar en copias Consulta el siguiente ejemplo y el error 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 detallada de confirmaciones.
Novedades de WebGPU
Una lista de todo lo que se aborda en la serie Novedades de WebGPU.
Chrome 125
Chrome 124
- Texturas de almacenamiento de solo lectura y lectura y escritura
- Asistencia para service workers y trabajadores compartidos
- Nuevos atributos de información de adaptadores
- Correcciones de errores
- Actualizaciones del amanecer
Chrome 123
- Compatibilidad con funciones integradas de la DP4a en WGSL
- Parámetros de puntero sin restricciones en WGSL
- Sintaxis edulcorada para desreferenciar compuestos en WGSL
- Estado de solo lectura independiente para los aspectos de plantilla 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 la compilación de sombreadores en Windows
- Consultas de marcas de tiempo en pases de procesamiento y renderización
- Puntos de entrada predeterminados a módulos de sombreador
- Compatibilidad con display-p3 como espacio de color GPUExternalTexture
- Información de 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 del adaptador
- Cuantización de consultas de marca de tiempo
- Funciones de la limpieza de primavera
Chrome 119
- Texturas flotantes filtrables de 32 bits
- formato unorm10-10-10-2 de vértices
- 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 solo lectura
- Actualizaciones del amanecer
Chrome 117
- Anula el búfer de vértices
- Anular configuración de grupo de vinculaciones
- Cómo silenciar errores de la creación de canalizaciones asíncronas cuando se pierde el dispositivo
- Actualizaciones de creación del módulo de sombreador SPIR-V
- Mejora de la experiencia de los desarrolladores
- Almacena canalizaciones en caché con un diseño generado automáticamente
- Actualizaciones del amanecer
Chrome 116
- Integración de WebCodecs
- Dispositivo perdido devuelto por GPUAdapter
requestDevice()
- Mantener la reproducción de video fluida si se llama a
importExternalTexture()
- Cumplimiento de las especificaciones
- Mejora de la experiencia de los desarrolladores
- Actualizaciones del amanecer
Chrome 115
- Extensiones de idioma WGSL compatibles
- Compatibilidad experimental con Direct3D 11
- Obtén GPU discreta de forma predeterminada con alimentación de CA
- Mejora de la experiencia de los desarrolladores
- Actualizaciones del amanecer
Chrome 114
- Optimiza JavaScript
- getCurrentTexture() en lienzo no configurado genera InvalidStateError.
- Actualizaciones de WGSL
- Actualizaciones del amanecer