HTTP/2 200 server: GitHub.com content-type: text/html; charset=utf-8 last-modified: Tue, 08 Jul 2025 23:42:21 GMT access-control-allow-origin: * etag: W/"686dacdd-d41" expires: Thu, 31 Jul 2025 12:36:26 GMT cache-control: max-age=600 content-encoding: gzip x-proxy-cache: MISS x-github-request-id: 5AB2:1DB12B:92584:AB7D2:688B60F2 accept-ranges: bytes age: 0 date: Thu, 31 Jul 2025 12:26:27 GMT via: 1.1 varnish x-served-by: cache-bom-vanm7210046-BOM x-cache: MISS x-cache-hits: 0 x-timer: S1753964787.812157,VS0,VE221 vary: Accept-Encoding x-fastly-request-id: e4b421e528e32fb6b32a4657704e2385d674b7e2 content-length: 1129

This demo decodes all frames from an MP4 file and renders them to a canvas as fast as possible. It uses mp4box.js for demuxing.

Note: The WebGPU rendering mode is not yet available in all browsers. As of M108, Chrome requires the --enable-unsafe-webgpu flag.

Renderer: 2D WebGL WebGL 2 WebGPU

Video Codec: H.264 H.265 VP8 VP9 AV1

Start

Fetch	Not started
Demux	Not started
Decode	Not started
Render	Not started