Resizing Web Meeting SDK Component View with shared screen

API and Webhooks Webinars
1

I have been working on Web Meeting SDK Component View for webinars and noticed that
when a participant share his screen, entire view resizes.
I have set the height 411px by ‘client.init’ function’s video viewSizes property
like this:

client.init({
    debug: true,
    zoomAppRoot: meetingSDKElement,
    customize: {
        video: {
            isResizable: false,
            viewSizes: {
                default: {
                    width: 737,
                    height: 411
                }
            }
        }
    }
})

The view resize to the size I specified on load, but when a participant share his screen,
the view enlarges vertically and I do not know how to resize it to 411px programmatically.

Does anyone know if there is a JS function or property to resize the view with shared screen?

1 Like
2

@tsukamoto_toshitaka,

Thank you for posting in the Developer Forum – great question. In checking, there is a feature request for this already, but no ETA has been set. Please follow our changelog for the latest updates and fixes :

Also, while the Web Meeting SDK Component View does not support this feature currently, I can confirm you can change the share sharing setting via client settings. I’ve linked our support article below for your reference:

image
image1810×932 199 KB

Changing settings in the desktop client/mobile app

3

@donte.zoom Hi Donte, we are facing the same issue as this post, has this been solved do you think?

4

@donte.zoom We’re also facing this issue. Any updates on an ETA for this, please?

5

To provide some more details, in my case the way it behaves is this:

If the presenter has not yet shared their screen, and the web sdk user views the embedded player, then the presenter shares their screen while the embedded player is active, the player will display at the correct size given by viewSizes (as explained here: Meeting SDK - web - component view - Resizing)

However, if the presenter is already sharing their screen when the user arrives, the embedded player grows to a much taller size (3000px). At this point, if the player is resizable, and the user resizes it, it snaps back to a smaller size (though still not quite correct).

1 Like
6

Is there any fix for this? the ComponentView enlarges significantly with a lot of empty space between the video content and the action buttons as soon someone shares their screen.

7

Has this issue been resolved? @donte.zoom

8

@prathmesh_patil, @derek3, @localized-mentor-rc ,

Thank you for your feedback. I am happy to share it with our internal team. As a first step, could you provide a screen recording that reproduces the behavior with the latest SDK? Once you’ve shared it, I’ll attempt to reproduce the issue on my end and create a ticket to resolve it.

9

I am using the latest version namely “@zoomus/websdk” 2.18.0. I am facing a similar issue. If the screen size is set on init or using updateVideoOptions, and a person (user 1) who had already joined the call, when someone else(user 2) screen-shares, the component extends vertically with a lot of blank space with the shared screen visible in the centre of it. If the user(user 1) manually resizes it, it snaps to one size and isn’t resizable again until the other user 2 stops sharing screen.

10

@donte.zoom
“@zoom/meetingsdk”: “^3.8.10”,
We also same issue in meeting sdk embeedded. can please help on this.

const updateSdkMeetingSize = (widthRef: number) => {
// const client = ZoomMtgEmbedded.createClient();
client.updateVideoOptions({
defaultViewType: “active” as SuspensionViewType,
viewSizes: {
default: {
width: widthRef,
height: 0,
},
},
});
};

11

@zoom.isv1, Thanks for posting in the Zoom Developer Forum. Can you share more details about the behavior you are seeing ?

12

@donte.zoom
We are currently facing an issue with resizing the video component when the host or speaker initiates and stops screen sharing in the attendee view. Specifically, we are using the client.updateVideoOptions function to adjust the video component’s width and height dynamically. However, the size update does not seem to apply when expected.

Below is the implementation in our code:
const updateSdkMeetingSize = (widthRef: number) => {
client.updateVideoOptions({
defaultViewType: “active” as SuspensionViewType,
viewSizes: {
default: {
width: widthRef,
height: 0,
},
},
});
};

Additionally, we are monitoring the screen sharing status using the peer-share-state-change event. When the screen sharing is stopped, we attempt to resize the view with a custom setting:
client.on(“peer-share-state-change”, (payload) => {
if (payload) {
const { action } = payload;
if (action === ‘Stop’) {
shareScreenView(action);
}
} else {
console.log(‘NO SCREEN SHARED ----------------’);
}
});

const shareScreenView = (mode: string) => {
if (mode === ‘Stop’) {
if (meetingSdkViewFlag === ‘custom’) {
updateSdkMeetingSize(900);
}
}
};

Despite this setup, the video component does not resize as expected when screen sharing toggles. We would appreciate any guidance or insights you may have to resolve this issue.

Thank you in advance for your support!

13

@donte.zoom any findings on this?