Closed Bug 1891238 Opened 2 years ago Closed 10 months ago

Demo at https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/ does not work

Categories

(Core :: Graphics: WebGPU, defect, P3)

Product:

Component:

Type:

defect

Priority:

P3

Severity:

S3

Tracking

()

Status:

RESOLVED INVALID

People

(Reporter: mayankleoboy1, Unassigned)

References

(Depends on 1 open bug, Blocks 1 open bug,
URL
)

Details

Attachments

(1 file)

about:support 2 years ago Mayank Bansal 44.76 KB, text/plain		Details

Reporter

Description

•

2 years ago

Go to https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/

AR: No video plays
ER: It should. Chrome plays the video.

This is only the webgpu part of the bug. I will file a corresponding WEbCodecs bug too.

Error in console:

20:35:15.540 This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”.
rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io
20:35:16.854 An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. video-ws.js:27:29
20:35:16.860 An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. video-ws.js:40:64
20:35:16.923 Uncaptured WebGPU error: Shader module creation failed: Parsing error
20:35:16.923 Uncaptured WebGPU error: Error matching ShaderStages(VERTEX) shader requirements against the pipeline, caused by: Shader module is invalid
20:35:22.399 Uncaught (in promise) TypeError: this.device.importExternalTexture is not a function
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:108
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:117
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:144
webgpu-renderer.js:108:46
20:35:22.399 Uncaptured WebGPU error: Pipeline is invalid
20:35:25.614 Uncaught (in promise) TypeError: this.device.importExternalTexture is not a function
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:108
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:117
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:144
drawText https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:167
onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/videoprocessor.js:67
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/mediastream.js:54
2 webgpu-renderer.js:108:46
20:35:33.279 Uncaught (in promise) TypeError: this.device.importExternalTexture is not a function
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:108
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:117
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:144
9 webgpu-renderer.js:108:46
20:36:13.208 Uncaught (in promise) TypeError: this.device.importExternalTexture is not a function
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:108
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:117
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:144
drawText https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webgpu-renderer.js:167
onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/videoprocessor.js:67
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/mediastream.js:54

Reporter

Comment 1

•

2 years ago

Attached file about:support — Details

Reporter

Updated

•

2 years ago

Blocks: 1891239

Reporter

Updated

•

2 years ago

See Also: → 1891239

Reporter

Updated

•

2 years ago

No longer blocks: 1891239

Jim Blandy :jimb

Comment 2

•

2 years ago

P3: Unimplemented core functionality.

Severity: -- → S3

Priority: -- → P3

Erich Gubler [:ErichDonGubler] (he/him)

Comment 3

•

2 years ago

TypeError: this.device.importExternalTexture is not a function

Definitely blocked on webgpu-external-textures.

Depends on: webgpu-external-textures

Reporter

Comment 4

•

1 year ago

Profile with webgpu logging: https://share.firefox.dev/4g5YO9a

Error in web console:

12:38:49.223 This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”.
rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io
12:38:49.756 injected firefox content.js:142:11
12:38:50.278 An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. video-ws.js:26:29
12:38:50.280 connectedCallback video-ws.js:47:17
12:38:50.287 An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. video-ws.js:51:64
12:38:50.335 Uncaptured WebGPU error: Shader module creation failed: Parsing error
12:38:50.335
Encountered one or more errors while creating shader module
12:38:50.335
WebGPU compilation info for shader module (1 error(s), 0 warning(s), 0 info)
12:38:50.335

Shader '' parsing error: unknown type: 'texture_external'
┌─ wgsl:34:38
│
34 │ @group(0) @binding(2) var myTexture: texture_external;
│ ^^^^^^^^^^^^^^^^ unknown type

12:38:50.335 Uncaptured WebGPU error: Error matching ShaderStages(VERTEX) shader requirements against the pipeline, caused by: ShaderModule with '' label is invalid
12:38:50.540 Attribute url has changed. video-ws.js:73:17
12:38:50.540 Connecting WebSocket to wss://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/Asahi mediastream.js:49:17
12:39:12.992 decoder supported with codec avc1.420029 videoprocessor.js:57:25
12:39:13.121
Uncaught TypeError: this.device.importExternalTexture is not a function
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:106
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:115
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:143
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:142
output https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:103
_createVideoDecoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:95
_onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:29
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:54
2 webgpu-renderer.js:106:46
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:106
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:115
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:143
(Async: FrameRequestCallback)
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:142
AsyncFunctionNext self-hosted:800
(Async: async)
output https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:103
(Async: VideoFrameOutputCallback)
_createVideoDecoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:95
_onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:29
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:54
12:39:13.121
Uncaught TypeError: this.device.importExternalTexture is not a function
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:106
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:115
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:143
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:142
output https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:103
_createVideoDecoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:95
_onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:29
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:54
webgpu-renderer.js:106:46
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:106
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:115
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:143
(Async: FrameRequestCallback)
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:142
InterpretGeneratorResume self-hosted:1413
AsyncFunctionNext self-hosted:800
(Async: async)
output https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:103
(Async: VideoFrameOutputCallback)
_createVideoDecoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:95
_onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:29
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:54
12:39:13.134 Uncaptured WebGPU error: RenderPipeline with '' label is invalid
12:39:13.155
Uncaught TypeError: this.device.importExternalTexture is not a function
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:106
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:115
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:143
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:142
output https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:103
_createVideoDecoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:95
_onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:29
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:54
6 webgpu-renderer.js:106:46
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:106
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:115
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:143
(Async: FrameRequestCallback)
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:142
InterpretGeneratorResume self-hosted:1413
AsyncFunctionNext self-hosted:800
(Async: async)
output https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:103
(Async: VideoFrameOutputCallback)
_createVideoDecoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:95
_onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:29
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:54
12:39:13.237
Uncaught TypeError: this.device.importExternalTexture is not a function
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:106
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:115
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:143
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:142
output https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:103
_createVideoDecoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:95
_onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:29
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:54
7 webgpu-renderer.js:106:46
_createBindGroup https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:106
_createCommandEncoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:115
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:143
(Async: FrameRequestCallback)
draw https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/webgpu-renderer.js:142
AsyncFunctionNext self-hosted:800
(Async: async)
output https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:103
(Async: VideoFrameOutputCallback)
_createVideoDecoder https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:95
_onH26xFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:50
onVideoFrame https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/videoprocessor.js:29
onMessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:29
onmessage https://rtsp2web.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/video-ws/mediastream.js:54

Erich Gubler [:ErichDonGubler] (he/him)

Updated

•

1 year ago

Blocks: webgpu-apps

Reporter

Comment 5

•

10 months ago

link does not work anymore.

Status: NEW → RESOLVED

Closed: 10 months ago

Resolution: --- → INVALID

You need to log in before you can comment on or make changes to this bug.