Después de años de desarrollo, el equipo de Chrome anuncia que la primera versión de WebGPU ya está disponible de forma predeterminada en Chrome para ChromeOS, macOS y Windows. Consulta Chrome envía WebGPU para obtener más información.
También comenzamos a agregar documentación completa para WebGPU en MDN.
Y eso no es todo.
Usa la fuente VideoFrame de WebCodecs en importExternalTexture()
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 YUV de origen.
Sin embargo, la especificación inicial de WebGPU no permite 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. Actualmente, el debate tiene lugar en el problema gpuweb/gpuweb#1380.
Habilitar la función
De forma predeterminada, esta función no está habilitada en Chrome, pero se puede probar en Chrome 113 si habilitas la funcionalidad de forma explícita. Puedes activarla localmente habilitando las “Funciones para desarrolladores de WebGPU” flag en chrome://flags/#enable-webgpu-developer-features.
Para habilitarla para todos los visitantes de la app, hay una prueba de origen en curso que finalizará en Chrome 118 (8 de diciembre de 2023). Para participar en la prueba, regístrate e incluye un metaelemento con el token de prueba de origen en el encabezado HTML o HTTP. Para obtener más información, consulta la publicación Comienza a usar las pruebas de origen.
Código de muestra
// 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);
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.
Novedades de WebGPU
Una lista de todo lo que se ha abordado en la serie Novedades de WebGPU.
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