Video is not getting rendered on canvas

Video SDK Web
1

Description
Video is not getting rendered on the canvas in fact of successfully promise returned while mediaStream.renderVideo.

Error
I’m not getting any error

Which Web Video SDK version?
I’m using the version v1.1.3

Device (please complete the following information):

  • Device: HP Probook
  • OS: Fedora 34
  • Browser: Chrome
  • Browser Version 92.0.4515.107 (Official Build) (64-bit)
this.zoomClient.on('connection-change', async payload => {
			if (payload.state === 'Connected') {
				this.stream = await this.zoomClient.getMediaStream({
					video: true,
					audio: true
				});

				this.stream.startVideo('video-canvas').then(res => {
					try {
						const session = this.zoomClient.getSessionInfo();
						const canvas = document.querySelector('#video-canvas');
						this.stream.renderVideo(canvas, session.userId, 300, 200, 0, 0, 1);
					} catch (error) {
						console.log(error);
					}
				});
			}
		});
2

Hey @imran03

Thanks for your feedback.

There are some mistakes in your code. getMediaStream method has no parameters and the optional parameter of startVideo is an object.

And the self video stuck is a known issue. We use ImageCapture in Video SDK, but it has potential problems that may cause video stuck. So we introduce WebCodecs to improve the issue. Since the API is not stable yet, you should register an origin trial to enable this feature.

And add one more notice, make sure you have applied an OT for SharedArrayBuffer, since Chrome 92, SharedArrayBuffer can only be accessed in an isolated site.

Thanks
Vic

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.