feat(html): add MoQ live streaming support

[kixelated]

Summary

• Add <moq-canvas> element — WebCodecs-backed MoQ playback rendering to a <canvas> in shadow DOM
• Add <moq-video> element — MSE-backed MoQ playback wrapping a native <video> via CustomMediaMixin
• Each element uses explicit backends (Video.Decoder/Video.Renderer vs Mse.Muxer/Video.Mse) instead of MultiBackend for better tree-shaking
• Connection, broadcast, and sync setup is inlined per element — no shared MoqMediaDelegate
• FinalizationRegistry-based cleanup for all MoQ resources

Test plan

• Verify <moq-canvas> plays a live MoQ stream (WebCodecs path)
• Verify <moq-video> plays a live MoQ stream (MSE path)
• Verify play/pause/mute controls work on both elements
• Verify timeupdate, volumechange, and other media events fire correctly
• Verify tree-shaking: canvas bundle excludes MSE code, video bundle excludes WebCodecs code

🤖 Generated with Claude Code

[luwes]

Try to mimic this file for the core logic that can be shared between react and html. That's where the bulk of the media API should be.

https://github.com/videojs/v10/blob/04e98f4007dcc5957ff4b646482036da49e1efd4/packages/core/src/dom/media/hls/index.ts

[kixelated]

Moved to videojs#764

[kixelated]

Try to mimic this file for the core logic that can be shared between react and html. That's where the bulk of the media API should be.

https://github.com/videojs/v10/blob/04e98f4007dcc5957ff4b646482036da49e1efd4/packages/core/src/dom/media/hls/index.ts

Yep that was Claude's first attempt, and I steered it astray.