2026570 - WebGPU Video uploading sample fails with shader validation error

Status: UNCONFIRMED

(Core :: Graphics: WebGPU, defect)

Description

[Daniel Tang]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:148.0) Gecko/20100101 Firefox/148.0

Steps to reproduce:

1. Use Firefox built at c836d51da4179d7b456d02d22e2f40c8b1a9b3d7, or the Linux Mozilla apt firefox=148.0~build1 with dom.webgpu.enabled=true in about:config
2. Just go to https://webgpu.github.io/webgpu-samples/?sample=videoUploading

Actual results:

On the page, I see:
Uncaptured error:
Shader module creation failed: Shader validation error

In DevTools Console, I see:
Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. webgpu-samples
User requested a WebGPU adapter with featureLevel: "compatibility", which is not yet supported; returning a "core"-defaulting adapter for now. Subscribe to https://bugzilla.mozilla.org/show_bug.cgi?id=1905951 for updates on its development in Firefox. main.ts:8:52
Uncaptured WebGPU error: Shader module creation failed: Shader validation error
Uncaught Error: uncaught exception, please report a bug!
https://github.com/webgpu/webgpu-samples/issues/new
Error: Uncaptured error:
Shader module creation failed: Shader validation error
fail util.ts:228
<anonymous> util.ts:8
EventListener.handleEvent* util.ts:7
util.ts:228:11
Uncaught Error: Uncaptured error:
Shader module creation failed: Shader validation error
fail util.ts:228
quitIfWebGPUNotAvailableOrMissingFeatures util.ts:169
quitIfWebGPUNotAvailableOrMissingFeatures util.ts:168
<anonymous> main.ts:12
util.ts:228:11
Encountered one or more errors while creating shader module
WebGPU compilation info for shader module (1 error(s), 0 warning(s), 0 info)
Uncaptured WebGPU error: Error matching ShaderStages(FRAGMENT) shader requirements against the pipeline, caused by: ShaderModule with '' label is invalid
Uncaught Error: uncaught exception, please report a bug!
https://github.com/webgpu/webgpu-samples/issues/new
Error: Uncaptured error:
Error matching ShaderStages(FRAGMENT) shader requirements against the pipeline, caused by: ShaderModule with '' label is invalid
fail util.ts:228
<anonymous> util.ts:8
EventListener.handleEvent* util.ts:7
util.ts:228:11
Uncaught Error: Uncaptured error:
Error matching ShaderStages(FRAGMENT) shader requirements against the pipeline, caused by: ShaderModule with '' label is invalid
fail util.ts:228
quitIfWebGPUNotAvailableOrMissingFeatures util.ts:169
quitIfWebGPUNotAvailableOrMissingFeatures util.ts:168
<anonymous> main.ts:12
util.ts:228:11
Encountered one or more errors while creating shader module
WebGPU compilation info for shader module (1 error(s), 0 warning(s), 0 info)
Uncaptured WebGPU error: Error matching ShaderStages(VERTEX) shader requirements against the pipeline, caused by: ShaderModule with '' label is invalid
Uncaught Error: uncaught exception, please report a bug!
https://github.com/webgpu/webgpu-samples/issues/new
Error: Uncaptured error:
Error matching ShaderStages(VERTEX) shader requirements against the pipeline, caused by: ShaderModule with '' label is invalid
fail util.ts:228
<anonymous> util.ts:8
EventListener.handleEvent* util.ts:7
util.ts:228:11
Uncaught Error: Uncaptured error:
Error matching ShaderStages(VERTEX) shader requirements against the pipeline, caused by: ShaderModule with '' label is invalid
fail util.ts:228
quitIfWebGPUNotAvailableOrMissingFeatures util.ts:169
quitIfWebGPUNotAvailableOrMissingFeatures util.ts:168
<anonymous> main.ts:12
util.ts:228:11
Uncaught Error: uncaught exception, please report a bug!
https://github.com/webgpu/webgpu-samples/issues/new
TypeError: device.importExternalTexture is not a function
fail util.ts:228
<anonymous> util.ts:8
EventListener.handleEvent* util.ts:7
util.ts:228:11
Uncaught TypeError: device.importExternalTexture is not a function
drawVideo main.ts:136
frame main.ts:217
frame main.ts:222
FrameRequestCallback* main.ts:229
main.ts:136:26
Uncaptured WebGPU error: RenderPipeline with '' label is invalid
Uncaught Error: uncaught exception, please report a bug!
https://github.com/webgpu/webgpu-samples/issues/new
Error: Uncaptured error:
RenderPipeline with '' label is invalid
fail util.ts:228
<anonymous> util.ts:8
EventListener.handleEvent* util.ts:7
util.ts:228:11
Uncaught Error: Uncaptured error:
RenderPipeline with '' label is invalid
fail util.ts:228
quitIfWebGPUNotAvailableOrMissingFeatures util.ts:169
quitIfWebGPUNotAvailableOrMissingFeatures util.ts:168
<anonymous> main.ts:12
util.ts:228:11

Expected results:

I should see a giraffe video playing like in google-chrome-beta=146.0.7680.65-1 with WebGPU enabled in about:flags. All the other WebGPU sample work, except 2 which have less worrying error messages

Comment 1

[Teodor Tanasoaia [:teoxoy]]

I can't repro on Windows. The sample needs importExternalTexture, this is blocked on Bug 2008705.