Using a CanvasCaptureMediaStreamTrack as a video source

Video SDK Web
1

Description
We’re developing an application that renders some graphics to a canvas element with three.js. Ideally, we’d be able to share the contents of that canvas the same way as stream.startShareScreen().

The HTMLCanvasElement has a .captureStream() method which returns a real-time video capture as a CanvasCaptureMediaStreamTrack.

In theory that’s no different than any other video source, but I’m not finding any documentation or examples online of this being implemented with the Zoom Video SDK.

Is this possible? If so, any suggestions on how to go about it? Thanks :slight_smile:

Which Web Video SDK version?
@zoom/videosdk@^1.10.8

1 Like
2

Hey @seand

Thanks for your feedback.

MediaStreamTrack as a video source feature is on the roadmap. Please stay tuned.

Thanks
Vic

3

Hi Vic,

Thank you for your reply! (also for great answers across the dev forum)

For my project planning, is there a rough timeframe for that becoming available? Do you know of any workarounds in the meantime?

Thanks,
Sean

4

Hey @seand

We don’t have a precise timeline for the feature rollout yet. It may be completed within two months.

Thanks
Vic

5

Hi @vic.yang ,

I appreciate the follow-up. Looking forward to its roll-out! :slight_smile:

Best,
Sean