Switch Template

// wait for arctos-widget.js to load
window.addEventListener('ArctosLoad', async function (e) {
    arctosSdkInstance = new Arctos({
      endpointUrl: ENDPOINTURL,
      endpointKey: ENDPOINTKEY,
    });

    // Be careful !!!, the following code is for testing only. You should store the license key in your server side.
    const authCode = await getAuthCode();

    // Retrieve the user token.
    const accessToken = await getAuthToken(authCode);

    // 初始化連線
    await arctosSdkInstance.initSession({
      accessToken: accessToken,
      sessionId: TASKNUM,
    });

    // 初始化會議室
    await arctosSdkInstance.initMeetingRoom({
      isDebug: false,
      recordingAutoStart: false,
      showPrejoin: true,
      showToolbar: true,
    });
});

let isSynchronous = false;

// Toggle synchronization mode
switchSynchronous = async function () {
    isSynchronous = !isSynchronous;
    
    // Update UI to reflect current state
    let target = document.querySelector('.syncBtn');
    target.classList.toggle('active', isSynchronous);
};

// Switch template with synchronization control
switchTemplateChange = async function () {
    let str = document.querySelector('#switch-camera-resolution').value;
    arctosSdkInstance.$meetingRoom.setTemplate(str, isSynchronous);
};