Description
When I start the screen share then other participants are not able to see my screen at all, nothing gets rendered on the canvas and there are no errors getting logged in the console.
I have added a code snippet of the function which gets called in the ‘active-share-change’ event listener.
and I am using the canvas element to render the screen share stream.
<canvas id={screen-${participantData.userId}
} className=‘screen-share-elem’ />
Here the participantData.userId is created by the zoom for each participant in the session.
I have added 2 screenshots as well where one is of the Chrome browser where the screen is shared and the second one is of the Safari browser where the canvas is completely blank.
Tried sharing from the Safari browser as well but the same issue.
Which Web Video SDK version?
I am using web version 1.3.0
Video SDK Code Snippets
handlePariticpantsScreen = (payload) => {
try {
const mediaStream = this.zoomClient.getMediaStream();
if (payload.state === 'active') {
mediaStream.startShareView(
document.querySelector(`#screen-${payload.userId}`),
payload.userId
);
} else if (payload.state === 'inactive') {
mediaStream.stopShareView();
}
} catch (err) {
console.dir(err);
}
};
Screenshots
Device (please complete the following information):
- Device: Macbook Air (M1)
- OS: macOS 12.4(Monterey)
- Browser: Chrome
- Browser Version: Version 103.0.5060.134 (Official Build) (arm64)
Additional context
Add any other context about the problem here.