I am using zoomus/websdk/embedded and not getting proper speaker view

[apoorv.chipsoft (Apoorv)]

I am using zoomus/websdk/embedded and not getting proper speaker view, its showing active view instead of speaker’s view, I need a panelist band at the top. please help.

[freelancer.nak (Naeem Ahmed)]

@apoorv.chipsoft Here are the sessions regarding WebSDK Integrations

• Zoom Meeting SDK Integration with VueJS
• Zoom Meeting SDK Integration with ReactJS
• Zoom Meeting SDK Integration with AngularJS
• NextJS - Zoom WebSDK Component View ← Here described Component View Videos Rendering Sizes
• Zoom Meeting SDK Client View Integration

[freelancer.nak (Naeem Ahmed)]

@freelancer.nak

There is no API to switch Layouts but here is my trick

 client.on('connection-change', (e) => {
                    if (e.state == 'Connected') {
                        return new Promise((resolve, reject) => {
                            let ribbon = document.querySelector('button[title="Ribbon"]');

                            if (ribbon) {
                                ribbon.click();
                                console.log('-- switching to speak view --');

                                return resolve(true);
                            }

                            return reject(true);
                        }).then((r) => {
                            var xpath = "//span[text()='Active']";
                            var speakView = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);

                            if (speakView && speakView.singleNodeValue) {
                                speakView.singleNodeValue.click();
                            }
                        }).catch((error) => {
                            console.log('--- error when switching to speak view --> ', error);
                        });
                    }
                });

If any queries still please ask. Thanks