fcr-ui-scene 3.7.8 → 3.8.0-alpha

package/lib/utilities/ui-resources.js

@@ -1,13 +1,29 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getNormalDownloadResources = exports.BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST = exports.BUILTIN_VIRTUAL_BACKGROUND_IMAGE_URL_LIST = exports.BUILTIN_SOUND_EFFECT_URL_LIST = void 0;
+exports.getNormalDownloadResources = exports.BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST = exports.BUILTIN_VIRTUAL_BACKGROUND_IMAGE_URL_LIST = exports.BUILTIN_SOUND_EFFECT_URL_MAP = void 0;
 require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Asset types:
 // Electron
 // 1. Built-in assets: packaged with the app, no need to download
@@ -37,31 +53,39 @@ var BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST = exports.BUILTIN_VIRTUAL_BACKGROU
 // 'https://solutions-apaas.agora.io/fcr-ui-scene/video/common/default8.mp4',
 // 'https://solutions-apaas.agora.io/fcr-ui-scene/video/common/default9.mp4',
 ];
-var BUILTIN_SOUND_EFFECT_URL_LIST = exports.BUILTIN_SOUND_EFFECT_URL_LIST = [
-// Built-in assets URL
-'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/sound_effect_audios.zip'
+var BUILTIN_SOUND_EFFECT_URL_MAP = exports.BUILTIN_SOUND_EFFECT_URL_MAP = {
+  // Built-in assets URL
+  cloudRecording: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/sound_effect_audios.zip',
+  userJoin: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/sound_effect_audios.zip'
+  // Use built-in mp3 for speaker test
+  // speakerTest: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/sound_effect_audios.zip',
 
-// browser mp3
-// 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/remote_user_joined.mp3',
-// 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/speaker_test.mp3',
-// 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/recording_started.mp3',
-];
+  // browser mp3
+  // cloudRecording:
+  //   'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/recording_started.mp3',
+  // userJoin: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/remote_user_joined.mp3',
+  // speakerTest: 'https://solutions-apaas.agora.io/fcr-ui-scene/audio/common/speaker_test.mp3',
+};
 var getNormalDownloadResources = exports.getNormalDownloadResources = function getNormalDownloadResources(customResource) {
   var _ref = customResource !== null && customResource !== void 0 ? customResource : {
       virtualBackgroundImages: [],
       virtualBackgroundVideos: [],
-      soundEffectAudios: []
+      soundEffectAudios: {}
     },
     _ref$virtualBackgroun = _ref.virtualBackgroundImages,
     virtualBackgroundImages = _ref$virtualBackgroun === void 0 ? [] : _ref$virtualBackgroun,
     _ref$virtualBackgroun2 = _ref.virtualBackgroundVideos,
     virtualBackgroundVideos = _ref$virtualBackgroun2 === void 0 ? [] : _ref$virtualBackgroun2,
     _ref$soundEffectAudio = _ref.soundEffectAudios,
-    soundEffectAudios = _ref$soundEffectAudio === void 0 ? [] : _ref$soundEffectAudio;
+    soundEffectAudios = _ref$soundEffectAudio === void 0 ? {} : _ref$soundEffectAudio;
   var uiResources = {
     virtualBackgroundImages: [].concat(BUILTIN_VIRTUAL_BACKGROUND_IMAGE_URL_LIST, (0, _toConsumableArray2["default"])(virtualBackgroundImages)),
     virtualBackgroundVideos: [].concat(BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST, (0, _toConsumableArray2["default"])(virtualBackgroundVideos)),
-    soundEffectAudios: [].concat(BUILTIN_SOUND_EFFECT_URL_LIST, (0, _toConsumableArray2["default"])(soundEffectAudios))
+    soundEffectAudios: _objectSpread({
+      userJoin: BUILTIN_SOUND_EFFECT_URL_MAP.userJoin,
+      // speakerTest: BUILTIN_SOUND_EFFECT_URL_MAP.speakerTest,
+      cloudRecording: BUILTIN_SOUND_EFFECT_URL_MAP.cloudRecording
+    }, soundEffectAudios)
   };
   return uiResources;
 };

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "fcr-ui-scene",
-  "version": "3.7.8",
+  "version": "3.8.0-alpha",
   "main": "lib/index.js",
   "repository": "ssh://git@git.agoralab.co/aduc/fcr-ui-scene-desktop.git",
   "author": "agora.io",
   "license": "MIT",
+  "files": [
+    "lib",
+    "public"
+  ],
   "scripts": {
     "prepare": "husky",
     "dev": "agora-tc-dev-server",
@@ -21,14 +25,15 @@
     "@electron/remote": "2.0.1",
     "@react-spring/web": "^9.7.3",
     "@use-gesture/react": "^10.3.1",
-    "agora-electron-sdk": "4.3.2-build.156-rc.1",
-    "agora-foundation": "3.7.8",
-    "agora-ui-foundation": "3.7.8",
+    "agora-electron-sdk": "4.3.2-build.163-rc.3",
+    "agora-foundation": "3.8.0-alpha",
+    "agora-ui-foundation": "3.8.0-alpha",
     "classnames": "^2.5.1",
     "core-js": "^3.33.3",
     "dayjs": "^1.10.4",
     "electron-screenshots": "^0.5.26",
-    "fcr-core": "3.7.8",
+    "fcr-core": "3.8.0-alpha",
+    "fcr-ui-widget-sdk": "^3.8.0-alpha",
     "js-md5": "^0.8.3",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
@@ -59,7 +64,7 @@
     "@types/react-dom": "^17.0.11",
     "@types/react-virtualized": "^9.21.30",
     "@types/tinycolor2": "^1.4.6",
-    "agora-toolchain": "3.7.8",
+    "agora-toolchain": "3.8.0-alpha",
     "core-js": "^3.33.3",
     "electron": "22.3.27",
     "husky": "^9.0.11",

package/public/index.html

@@ -157,6 +157,7 @@
         }
       }
     };
+
     const setFullScreenFailureComp = (visible, errorMsg) => {
       setLoading(false);
       const dom = document.querySelector('#fcr-launch-failure-comp');
@@ -176,154 +177,7 @@
         }
       }
     };
-
-    (async () => {
-      let creator;
-      let uiScene;
-      let sendExitedEventFlag = true;
-      window.cppSdkHelper.onCreatorInit = (config) => {
-        if (creator) {
-          creator.release();
-          creator = undefined;
-        }
-
-        creator = new FcrUIScene.FcrUISceneCreator(config);
-      };
-
-      window.cppSdkHelper.onSettingOpen = () => {
-        creator.openSetting();
-      };
-
-      window.cppSdkHelper.onSettingClose = () => {
-        creator.closeSetting();
-      };
-
-      window.cppSdkHelper.onSetParameters = (parameters) => {
-        creator.setParameters(parameters);
-      };
-
-      window.cppSdkHelper.onRenewUserToken = (token) => {
-        creator.renewUserToken(token);
-      };
-
-      window.cppSdkHelper.onLaunchMeeting = (launchOptions) => {
-        try {
-          if (uiScene) {
-            console.log('the previous sequence ui scene exists, exit it');
-            uiScene.exit();
-            sendExitedEventFlag = false;
-          }
-        } catch (error) {
-          // 这里可能会有报错，但是不影响后续的流程
-          console.error(
-            ' the previous sequence ui scene exists, exit it,but exit  has error',
-            JSON.stringify(error),
-          );
-        }
-        setFullScreenFailureComp(false);
-        setLoading(true);
-
-        // 定义事件处理函数，以便可以正确移除
-        const handleConfirmClick = () => {
-          setFullScreenFailureComp(false);
-          console.log('windows_release error button clicked');
-          window.runtime.getCurrentBrowserWindow().hide();
-        };
-
-        document
-          .querySelector('#fcr-launch-failure-confirm-btn')
-          .removeEventListener('click', handleConfirmClick);
-        document
-          .querySelector('#fcr-launch-failure-confirm-btn')
-          .addEventListener('click', handleConfirmClick);
-
-        const { widgets, ...others } = launchOptions;
-
-        if (widgets && widgets instanceof Array) {
-          widgets.forEach((w) => {
-            creator.registerWidget(w);
-          });
-        }
-        uiScene = creator.launch(
-          others,
-          () => {
-            console.log('windows_release ui scene closed callback');
-            window.runtime.getCurrentBrowserWindow().hide();
-          },
-          () => {},
-          () => {},
-          document.getElementById('root'),
-        );
-
-        window.cppSdkHelper.exitUiScene = () => {
-          try {
-            uiScene.exit();
-          } catch (error) {
-            window.cppSdkHelper.exitedMeeting(roomId, FcrUIExitReason.USER_QUIT);
-          }
-        };
-
-        uiScene.addObserver({
-          onLaunchSuccess: () => {
-            setLoading(false);
-            sendExitedEventFlag = true;
-            const roomProvider = uiScene._objectManager.getObject('roomProvider');
-            if (!roomProvider) {
-              throw new Error('roomProvider not found in uiScene');
-            }
-            const currentRoomControl = roomProvider.currentRoomControl;
-            if (!currentRoomControl) {
-              throw new Error('currentRoomControl not found in uiScene');
-            }
-            const roomInfo = currentRoomControl.getRoomInfo();
-
-            if (!roomInfo) {
-              throw new Error('roomInfo not found in uiScene');
-            }
-            const { roomName, roomId } = roomInfo;
-            document.querySelector('title').innerText = roomName;
-            window.cppSdkHelper.launchSuccess(roomId);
-          },
-          onLaunchFailure: (roomId, error) => {
-            const errorCode = Number(error.code);
-            let errorMessage = error.message;
-
-            if (errorCode === 732403100 || errorCode === 631735290) {
-              errorMessage = window._transI18n('fmt_lock_error');
-            } else if (errorCode === 732403101) {
-              errorMessage = window._transI18n('fmt_pc_room_not_exist_error');
-            } else if (errorCode === 732403103) {
-              errorMessage = window._transI18n('fmt_host_leave_error');
-            } else if (errorCode === 720410100) {
-              errorMessage = window._transI18n('fmt_end_error');
-            } else {
-              errorMessage = `Error: code=${errorCode}, message=${errorMessage}`;
-            }
-
-            setFullScreenFailureComp(true, errorMessage);
-            window.cppSdkHelper.launchFailure(roomId, errorCode);
-          },
-
-          onExited: (roomId, reason) => {
-            if (!sendExitedEventFlag) {
-              return;
-            }
-            console.log('the previous sequence ui scene : ui scene exited');
-            window.cppSdkHelper.exitedMeeting(roomId, reason);
-            uiScene = null;
-            setTimeout(() => {
-              console.log('windows_release ui scene exited callback');
-              window.runtime.getCurrentBrowserWindow().hide();
-            });
-          },
-          onWidgetClicked: (widgetId) => {
-            window.cppSdkHelper.onWidgetClicked(widgetId);
-          },
-          onUserTokenWillExpire: () => {
-            window.cppSdkHelper.onUserTokenWillExpire();
-          },
-        });
-      };
-    })();
   </script>
+
+  <script src="meeting-manager.js"></script>
 </html>

package/public/meeting-manager.js

@@ -0,0 +1,405 @@
+/**
+ * 会议管理器 - 负责处理会议的生命周期管理
+ * 包括创建者初始化、会议启动、错误处理等功能
+ */
+class MeetingManager {
+  constructor() {
+    this.creator = null;
+    this.uiScene = null;
+
+    this.sendExitedEventFlag = true;
+    this.lastInitParams = '';
+
+    this.bindGlobalMethods();
+  }
+
+  /**
+   * 重新加载创建者
+   * @param {string} stringInitParams - 初始化参数字符串
+   */
+  reloadCreator(stringInitParams) {
+    try {
+      const config = JSON.parse(stringInitParams);
+      this.creator = new FcrUIScene.FcrUISceneCreator(config);
+      this.logInfo('Creator reloaded successfully');
+    } catch (error) {
+      this.logError('Failed to parse init options:', error);
+    }
+  }
+
+
+  releaseCreator() {
+    if (this.creator) {
+      this.logInfo('Creator exists, releasing previous creator');
+      this.releasePreviousScene();
+      this.creator.release();
+      this.creator = undefined;
+    }
+  }
+
+  /**
+   * 创建或初始化创建者
+   * @param {Object} config - 配置对象
+   */
+  createOrInitCreator(config) {
+    try {
+      // 如果存在旧的创建者，先释放
+      this.releaseCreator();
+    } catch (error) {
+      this.logError('Failed to release creator:', error);
+    }
+
+    // 创建新的创建者
+    this.lastInitParams = JSON.stringify(config);
+    this.logInfo(`Creating new creator with config: ${this.lastInitParams}`);
+    this.creator = new FcrUIScene.FcrUISceneCreator(config);
+  }
+
+  /**
+   * 释放之前的场景
+   */
+  releasePreviousScene() {
+    if (this.uiScene) {
+      this.sendExitedEventFlag = false;
+      this.uiScene.exit();
+      this.uiScene = null;
+      this.logInfo('Previous UI scene released');
+    }
+  }
+
+  /**
+   * 启动会议
+   * @param {Object} launchOptions - 启动选项
+   */
+  launchMeeting(launchOptions) {
+    const { data, lastInitParams: initParamsFromMainProcess } = launchOptions;
+
+    this.logInfo(`Launching meeting with params: ${initParamsFromMainProcess}`);
+
+    // 检查是否需要重新加载创建者
+    if (initParamsFromMainProcess !== this.lastInitParams) {
+      this.logInfo('Init params changed, reloading creator');
+      this.lastInitParams = initParamsFromMainProcess;
+      this.releaseCreator();
+      this.reloadCreator(initParamsFromMainProcess);
+    }
+
+    // 清理之前的场景
+    this.cleanupPreviousScene();
+
+    // 设置UI状态
+    this.setFullScreenFailureComp(false);
+    this.setLoading(true);
+
+    // 绑定错误处理事件
+    this.bindErrorHandlers();
+
+    // 注册小部件
+    this.registerWidgets(data);
+
+    // 启动场景
+    this.startUIScene(data);
+
+    // 添加观察者
+    this.addSceneObservers();
+  }
+
+  /**
+   * 清理之前的场景
+   */
+  cleanupPreviousScene() {
+    try {
+      if (this.uiScene) {
+        this.logInfo('Cleaning up previous UI scene');
+        this.sendExitedEventFlag = false;
+        this.uiScene.exit();
+      }
+    } catch (error) {
+      this.logError('Error during scene cleanup:', error);
+    }
+  }
+
+  /**
+   * 绑定错误处理事件
+   */
+  bindErrorHandlers() {
+    const confirmBtn = document.querySelector('#fcr-launch-failure-confirm-btn');
+    if (confirmBtn) {
+      confirmBtn.removeEventListener('click', this.handleConfirmClick);
+      confirmBtn.addEventListener('click', this.handleConfirmClick.bind(this));
+    }
+  }
+
+  /**
+   * 注册小部件
+   * @param {Object} data - 数据对象
+   */
+  registerWidgets(data) {
+    const { widgets, ...others } = data;
+    if (widgets && Array.isArray(widgets)) {
+      widgets.forEach(widget => {
+        this.creator.registerWidget(widget);
+      });
+    }
+  }
+
+  /**
+   * 启动UI场景
+   * @param {Object} data - 数据对象
+   */
+  startUIScene(data) {
+    const { widgets, ...others } = data;
+
+    this.uiScene = this.creator.launch(
+      others,
+      async () => {
+        this.logInfo('UI scene closed callback');
+        const currentBrowserWindow = window.runtime.getCurrentBrowserWindow();
+        if(currentBrowserWindow.isFullScreen()) {
+          currentBrowserWindow.setFullScreen(false);
+          await new Promise(resolve => setTimeout(resolve, 500));
+        }
+        
+        if (currentBrowserWindow) {
+          currentBrowserWindow.hide();
+        }
+      },
+      () => { }, // 空回调
+      () => { }, // 空回调
+      document.getElementById('root')
+    );
+  }
+
+  /**
+   * 添加场景观察者
+   */
+  addSceneObservers() {
+    this.uiScene.addObserver({
+      onLaunchSuccess: () => this.handleLaunchSuccess(),
+      onLaunchFailure: (roomId, error) => this.handleLaunchFailure(roomId, error),
+      onExited: (roomId, reason) => this.handleSceneExited(roomId, reason),
+      onWidgetClicked: (widgetId) => this.handleWidgetClicked(widgetId),
+      onUserTokenWillExpire: () => this.handleUserTokenWillExpire()
+    });
+  }
+
+  /**
+   * 处理启动成功
+   */
+  handleLaunchSuccess() {
+    this.setLoading(false);
+    this.sendExitedEventFlag = true;
+
+    try {
+      const roomProvider = this.uiScene._objectManager.getObject('roomProvider');
+      if (!roomProvider) {
+        throw new Error('roomProvider not found in uiScene');
+      }
+
+      const currentRoomControl = roomProvider.currentRoomControl;
+      if (!currentRoomControl) {
+        throw new Error('currentRoomControl not found in uiScene');
+      }
+
+      const roomInfo = currentRoomControl.getRoomInfo();
+      if (!roomInfo) {
+        throw new Error('roomInfo not found in uiScene');
+      }
+
+      const { roomName, roomId } = roomInfo;
+      document.querySelector('title').innerText = roomName;
+      window.cppSdkHelper.launchSuccess(roomId);
+    } catch (error) {
+      this.logError('Error in launch success handler:', error);
+    }
+  }
+
+  /**
+   * 处理启动失败
+   * @param {string} roomId - 房间ID
+   * @param {Object} error - 错误对象
+   */
+  handleLaunchFailure(roomId, error) {
+    const errorCode = Number(error.code);
+    let errorMessage = this.getErrorMessage(errorCode, error.message);
+
+    this.setFullScreenFailureComp(true, errorMessage);
+    window.cppSdkHelper.launchFailure(roomId, errorCode);
+  }
+
+  /**
+   * 获取错误消息
+   * @param {number} errorCode - 错误代码
+   * @param {string} defaultMessage - 默认错误消息
+   * @returns {string} 错误消息
+   */
+  getErrorMessage(errorCode, defaultMessage) {
+    const errorCodeMap = {
+      732403100: 'fmt_lock_error',
+      631735290: 'fmt_lock_error',
+      732403101: 'fmt_pc_room_not_exist_error',
+      732403103: 'fmt_host_leave_error',
+      720410100: 'fmt_end_error'
+    };
+
+    const errorKey = errorCodeMap[errorCode];
+    if (errorKey) {
+      return window._transI18n(errorKey);
+    }
+
+    return `Error: code=${errorCode}, message=${defaultMessage}`;
+  }
+
+  /**
+   * 处理场景退出
+   * @param {string} roomId - 房间ID
+   * @param {string} reason - 退出原因
+   */
+  handleSceneExited(roomId, reason) {
+    if (!this.sendExitedEventFlag) {
+      return;
+    }
+
+    this.logInfo('UI scene exited');
+    window.cppSdkHelper.exitedMeeting(roomId, reason);
+    this.uiScene = null;
+
+    setTimeout(() => {
+      this.logInfo('UI scene exited callback');
+      window.runtime.getCurrentBrowserWindow().hide();
+    });
+  }
+
+  /**
+   * 处理小部件点击
+   * @param {string} widgetId - 小部件ID
+   */
+  handleWidgetClicked(widgetId) {
+    window.cppSdkHelper.onWidgetClicked(widgetId);
+  }
+
+  /**
+   * 处理用户令牌即将过期
+   */
+  handleUserTokenWillExpire() {
+    window.cppSdkHelper.onUserTokenWillExpire();
+  }
+
+  /**
+   * 退出UI场景
+   */
+  exitUiScene() {
+    try {
+      if (!this.uiScene) {
+        return;
+      }
+      this.uiScene.exit();
+      this.lastInitParams = '';
+    } catch (error) {
+      window.cppSdkHelper.exitedMeeting(roomId, FcrUIExitReason.USER_QUIT);
+    }
+  }
+
+  /**
+   * 处理确认按钮点击
+   */
+  handleConfirmClick() {
+    this.setFullScreenFailureComp(false);
+    this.logInfo('Error confirmation button clicked');
+    window.runtime.getCurrentBrowserWindow().hide();
+  }
+
+  /**
+   * 绑定全局方法
+   */
+  bindGlobalMethods() {
+    window.cppSdkHelper.onCreatorInit = (config) => {
+      window.__AgoraMutex.dispatch(() => {
+        this.createOrInitCreator(config);
+      });
+    };
+
+    window.cppSdkHelper.onSettingOpen = () => {
+      this.creator.openSetting();
+    };
+
+    window.cppSdkHelper.onSettingClose = () => {
+      this.creator.closeSetting();
+    };
+
+    window.cppSdkHelper.onSetParameters = (parameters) => {
+      this.creator.setParameters(parameters);
+    };
+
+    window.cppSdkHelper.onRenewUserToken = (token) => {
+      this.creator.renewUserToken(token);
+    };
+
+    window.cppSdkHelper.exitUiScene = () => {
+      window.__AgoraMutex.dispatch(() => {
+        this.exitUiScene();
+      });
+    };
+
+    window.cppSdkHelper.onLaunchMeeting = (launchOptions) => {
+      window.__AgoraMutex.dispatch(() => {
+        this.launchMeeting(launchOptions);
+      })
+    };
+  }
+
+  /**
+   * 设置加载状态
+   * @param {boolean} visible - 是否显示加载状态
+   */
+  setLoading(visible) {
+    const dom = document.querySelector('#launch-loading');
+    if (dom) {
+      dom.style.display = visible ? 'flex' : 'none';
+    }
+  }
+
+  /**
+   * 设置全屏失败组件
+   * @param {boolean} visible - 是否显示
+   * @param {string} errorMsg - 错误消息
+   */
+  setFullScreenFailureComp(visible, errorMsg) {
+    this.setLoading(false);
+    const dom = document.querySelector('#fcr-launch-failure-comp');
+    const btnTextDom = document.querySelector('#fcr-launch-failure-btn-text');
+
+    if (dom) {
+      if (visible) {
+        dom.style.display = 'flex';
+        btnTextDom.innerText = window.$$agora_language === 'zh' ? '我已知悉' : 'I know';
+        if (errorMsg) {
+          const msgDom = document.querySelector('#fcr-launch-failure-error-info');
+          msgDom.innerText = errorMsg;
+        }
+      } else {
+        dom.style.display = 'none';
+      }
+    }
+  }
+
+  /**
+   * 记录信息日志
+   * @param {string} message - 日志消息
+   */
+  logInfo(message) {
+    window.__AgoraLogger.info(`MEETING MANAGER: ${message}`);
+  }
+
+  /**
+   * 记录错误日志
+   * @param {string} message - 错误消息
+   * @param {Error} error - 错误对象
+   */
+  logError(message, error) {
+    window.__AgoraLogger.error(`MEETING MANAGER: ${message}`, error);
+  }
+}
+
+// 初始化会议管理器
+const meetingManager = new MeetingManager();