How to launch Jitsi Meeting in a new window using External API

Developers Jitsi Meet API
#1

I have been using this guide to embed Jitsi meetIFrame API - Jitsi Meet Handbook, the meeting launches on the same page, It would be really helpful if the meeting opens up in a new window on button click.

In simple terms, Jitsi Meet External API should be called on button click of this page the meeting should be launched in a new window. I really want to know how this can be achieved through the API methods. Do guide with an example snippet and or references. I have also uploaded the snippet I am currently running on.

Thanks in advance.
@damencho

var api=null

function StartMeeting(){
 
 const domain = 'your.domain.com' 
  const options = {
      roomName:'room123',
      width: "100%",
      height: "100%",
      parentNode:document.querySelector('#jitsi-test'),
      interfaceConfigOverwrite: {  SHOW_JITSI_WATERMARK: true,SHOW_WATERMARK_FOR_GUESTS: true, DEFAULT_BACKGROUND: "#212529", 
      DEFAULT_LOCAL_DISPLAY_NAME: 'oc' ,TOOLBAR_BUTTONS: [
        'microphone', 'camera', 'desktop', 'fullscreen',
        'fodeviceselection', 'recording', 'profile', 'chat',
        'settings', 'raisehand','info','hangup',
        'videoquality', 'filmstrip', 'stats',
        'tileview'
    ]}
  };

	api = new JitsiMeetExternalAPI(domain,options);  
 
}
#2

Hello,

If you haven’t seen before, I recommend you reading this useful MDN doc about window.open() Window.open() - Web APIs | MDN

After you got a new window, you can write html inside with document.write document.write - Référence Web API | MDN

The HTML would be what was injected inside your parent node, I suppose.

(Well I know I’m not answering your question since you want an API method, but hope It help you a little bit)

Have a great day,