ya-webadb/libraries/scrcpy-decoder-webcodecs

@yume-chan/scrcpy-decoder-webcodecs

Decode and render H.264 streams using the WebCodecs API.

It has no dependencies and high performance, but is only available on recent versions of Chrome.

WARNING: The public API is UNSTABLE. If you have any questions, please open an issue.

• Compatibility
• Usage

Compatibility

Chrome	Firefox	Safari	Performance	Supported H.264 profile/level
94	No	No	High with hardware acceleration	High level 5

Usage

It draws frames onto decoder.renderer (a <canvas> element), you can insert it anywhere you want to display the video.

const decoder = new WebCodecsDecoder();
document.body.appendChild(decoder.renderer);

videoPacketStream // from `@yume-chan/scrcpy`
    .pipeTo(decoder.writable)
    .catch(() => {});