Layout cropped in screen share (while sharing browser tab)

Shri Kant

New Member
Hello,

I am using custom layout e.g 2_participants.desktopmix
************************************************************
<?xml version="1.0" encoding="utf-8"?>
<body>
<row height="50%" align="INLINE_VERTICAL_CENTER">
<div width="1col" height="100%" align="INLINE_HORIZONTAL_CENTER">
<video height="60%" width="100%" align="CENTER">.*-screenShare*</video>
</div>
</row>
<row height="50%" align="INLINE_VERTICAL_CENTER">
<div width="1col" height="100%" align="INLINE_HORIZONTAL_CENTER"><video width="95%" height="60%" align="CENTER"/></div>
</row>
</body>

************************************************************
Actual content
1672291474168.png

View generated


1672291528221.png
It's working fine if I share the entire screen but screen is cropping if I share the browser tab or some window.

Please suggest the solution for this problem

Regards,
Shri Kant
 

Max

Administrator
Staff member
Good day.
Video is not cropped in mixer, it is mixing as is, with width and height received from publisher. But you should aware of aspect ratio. Seems like the entire screen has 16:9 aspect, and browser tab or window has 4:3 aspect. It may be scaled in this case.
<video height="60%" width="100%" align="CENTER">.*-screenShare*</video>
Also, the explicit height definition seems excessive here: you've set screen share stream height as 60% of screen share row height (which, in its turn, is a half of entire mixer frame height). Try to omit width and height or set them both to 100%.
 
Top