Description
Hi,
I embed Meeting SDK (component view) to a popup modal in next.js web. Participant can join but only 2 video participant (self + the one who talk) showed in the embedded zoom gallery. How to make more/all video participant showed?
Thanks
Which Web Meeting SDK version?
@zoom/meetingsdk@3.10.0
Meeting SDK Code Snippets
let meetingSDKElement = document.getElementById('meetingSDKElement');
let meetingSDKElementChat = document.getElementById('meetingSDKElementChat');
client.init({
zoomAppRoot: meetingSDKElement?meetingSDKElement:undefined,
language: 'en-US',
patchJsMedia: true,
leaveOnPageUnload: true,
customize: {
video: {
isResizable: false,
popper: {
disableDraggable:true,
anchorElement: meetingSDKElement
},
},
chat: {
isResizable: true,
popper: {
disableDraggable: false,
anchorElement: meetingSDKElementChat,
placement: 'left-start'
}
},
participants:{
isResizable: true,
popper: {
disableDraggable: false,
anchorElement: meetingSDKElementChat,
placement: 'left-start'
}
},
setting:{
isResizable: true,
popper: {
disableDraggable: false,
anchorElement: meetingSDKElementChat,
placement: 'left-start'
}
},
activeApps:{
isResizable: true,
popper: {
disableDraggable: true,
anchorElement: meetingSDKElementChat,
placement: 'left-start'
}
},
meeting:{
isResizable: true,
popper: {
disableDraggable: true,
anchorElement: meetingSDKElementChat,
placement: 'left-start'
}
}
}
}).
<Row style={{height:"100%"}} wrap={false} align={'middle'}>
<Col flex="auto" style={{height:"100%"}}>
<div id="meetingSDKElement" style={{width:"100%", height:"100%"}}>
</div>
</Col>
<Col flex="1px" style={{height:"100%"}}>
<div id="meetingSDKElementChat" style={{width:"100%", height:"100%"}}>
</div>
</Col>
</Row>
