fcr-ui-scene 3.4.1 → 3.4.2

package/lib/ui-scene.d.ts

@@ -8,7 +8,12 @@ export declare class FcrUIDefaultScene {
     exit(): void;
     addObserver(observer: FcrUISceneObserver): void;
     removeObserver(observer: FcrUISceneObserver): void;
-    launch(): Promise<void>;
+    launch(): void;
+    private _addObservers;
+    private _joinRoom;
+    private _renderSceneUI;
     private _release;
+    private _disposeRoomControl;
     private _handleBeforeUnload;
+    private _downloadResources;
 }

package/lib/ui-scene.js

@@ -2,26 +2,31 @@
 
 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.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.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.FcrUIDefaultScene = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.promise.finally.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -29,10 +34,32 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _fcrCore = require("fcr-core");
 var _observable = require("agora-foundation/lib/utilities/observable");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type = require("./type");
 var _uiManager = require("./ui-manager");
 var _tools = require("./utilities/tools");
 var _defaultConfig = require("./utilities/default-config");
 var _renderer = require("./utilities/renderer");
+var _parameters = require("./utilities/parameters");
+var _dialog = require("agora-ui-foundation/lib/components/dialog");
+var _loginConfirmDialog = require("./login-confirm-dialog");
+var _logger = require("agora-foundation/lib/logger");
+var _type2 = require("fcr-core/lib/room-control/type");
+var _roomProvider = require("./providers/room-provider");
+var _constant = require("./utilities/constant");
+var _uiResources = require("./utilities/ui-resources");
+var _eventProvider = require("./providers/event-provider");
+var _config2 = require("./shared-data-source/config");
+var _deviceProvider = require("./providers/device-provider");
+var _setting = require("./shared-data-source/setting");
+var _layoutData = require("./shared-data-source/layout-data");
+var _speakerSpotlight = require("./shared-data-source/speaker-spotlight");
+var _pinData = require("./shared-data-source/pin-data");
+var _dialogProvider = require("./providers/dialog-provider");
+var _messageProvider = require("./providers/message-provider");
+var _videoWindow = require("./shared-data-source/video-window");
+var _devicePrivilegeData = require("./shared-data-source/device-privilege-data");
+var _leaveMeeting = _interopRequireDefault(require("../public/assets/leave-meeting.png"));
+var _jsxRuntime = require("react/jsx-runtime");
 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; }
 var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
@@ -40,9 +67,11 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     var _this = this;
     (0, _classCallCheck2["default"])(this, FcrUIDefaultScene);
     // @internal
-    //@internal
+    (0, _defineProperty2["default"])(this, "logger", (0, _logger.getLogger)());
     // @internal
     (0, _defineProperty2["default"])(this, "_observable", new _observable.AgoraObservable());
+    // @internal
+    (0, _defineProperty2["default"])(this, "_disposers", []);
     (0, _defineProperty2["default"])(this, "_handleBeforeUnload", function () {
       (0, _renderer.setInMeetingState)(0);
       (0, _renderer.releaseSubAllWindowRefs)();
@@ -83,57 +112,358 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     }
   }, {
     key: "launch",
+    value: function launch() {
+      var _this2 = this;
+      if (!this._dom) {
+        this.logger.error('Scene UI cannot be rendered as dom is not exist');
+        return;
+      }
+      var config = _objectSpread(_objectSpread(_objectSpread({}, this._config), this._creatorConfig), {}, {
+        token: this._config.roomToken,
+        region: _fcrCore.FcrRegion.CN,
+        dualCameraVideoStreamConfig: {
+          highVideoEncoderConfig: _defaultConfig.cameraVideoHighStreamEncoderLowConfig,
+          lowVideoEncoderConfig: _defaultConfig.cameraVideoLowStreamEncoderConfig,
+          enableDualStreamMode: true
+        },
+        dualScreenVideoStreamConfig: {
+          highVideoEncoderConfig: _defaultConfig.screenCaptureHighStreamEncoderConfig,
+          lowVideoEncoderConfig: _defaultConfig.screenCaptureLowStreamEncoderConfig,
+          enableDualStreamMode: false
+        }
+      });
+      var engine = new _fcrCore.FcrCoreEngine(config);
+
+      // @ts-ignore
+      window.__core_engine = engine;
+      this._engine = engine;
+      if (config.parameters) {
+        engine.setParameters(config.parameters);
+      }
+      this._uiManager = new _uiManager.DefaultSceneUIManager(this._config, config, engine);
+      this._eventProvider = new _eventProvider.FcrUIEventProviderImpl();
+      this._messageProvider = new _messageProvider.FcrUIMessageProviderImpl();
+      this._dialogProvider = new _dialogProvider.FcrUIDialogProviderImpl();
+      this._sharedDevicePrivilegeDataSource = new _devicePrivilegeData.FcrUISharedDevicePrivilegeDataSourceImpl();
+      this._deviceProvider = new _deviceProvider.FcrUIDeviceProviderImpl(this._eventProvider, engine.getDesktopMediaControl(), this._settingConfig.media);
+      this._roomProvider = new _roomProvider.FcrUIRoomProviderImpl(this._eventProvider, this._config, engine, this._messageProvider);
+      this._sharedConfigDataSource = new _config2.FcrUISharedConfigDataSourceImpl({
+        creatorConfig: this._creatorConfig,
+        sceneConfig: this._config,
+        settingConfig: this._settingConfig
+      });
+      this._sharedSettingDataSource = new _setting.FcrUISharedSettingDataSourceImpl(this._creatorConfig);
+      this._sharedLayoutDataSource = new _layoutData.FcrUISharedLayoutDataSourceImpl(this._sharedConfigDataSource);
+      this._sharedSpeakerSpotlightDataSource = new _speakerSpotlight.FcrUISharedSpeakerSpotlightDataSourceImpl();
+      this._sharedPinDataSource = new _pinData.FcrUISharedPinDataSourceImpl();
+      this._sharedVideoWindowDataSource = new _videoWindow.FcrUIVideoWindowDataSourceImpl(this._sharedSettingDataSource, this._eventProvider);
+      var openDefaultCamera = (0, _parameters.isOpenDefaultCamera)(this._creatorConfig.parameters);
+      var openDefaultMicrophone = (0, _parameters.isOpenDefaultMicrophone)(this._creatorConfig.parameters);
+      if (openDefaultCamera) {
+        this._settingConfig.media.cameraExpectedOff = false;
+      }
+      if (openDefaultMicrophone) {
+        this._settingConfig.media.autoConnectAudio = true;
+        this._settingConfig.media.microphoneExpectedOff = false;
+      }
+      var eventProvider = this._eventProvider;
+      var deviceProvider = this._deviceProvider;
+      var roomProvider = this._roomProvider;
+      var dialogProvider = this._dialogProvider;
+      var messageProvider = this._messageProvider;
+      var sharedConfigDataSource = this._sharedConfigDataSource;
+      var sharedSettingDataSource = this._sharedSettingDataSource;
+      var sharedLayoutDataSource = this._sharedLayoutDataSource;
+      var sharedSpeakerSpotlightDataSource = this._sharedSpeakerSpotlightDataSource;
+      var sharedPinDataSource = this._sharedPinDataSource;
+      var sharedVideoWindowDataSource = this._sharedVideoWindowDataSource;
+      var sharedDevicePrivilegeDataSource = this._sharedDevicePrivilegeDataSource;
+      var uiManager = this._uiManager;
+      var dom = this._dom;
+      this._addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource);
+      this._downloadResources(deviceProvider);
+
+      // start render UI
+
+      var skipPretest = (0, _parameters.isSkipPretest)(config.parameters);
+      var renderSceneUI = function renderSceneUI(response) {
+        _this2._renderSceneUI(response, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource);
+      };
+      if (!skipPretest) {
+        var joining = false;
+        uiManager.renderDevicePretestUi(dom, deviceProvider,
+        // on join
+        function () {
+          if (joining) return;
+          joining = true;
+          _this2._joinRoom(engine, roomProvider, deviceProvider).then(renderSceneUI)["finally"](function () {
+            joining = false;
+          });
+        },
+        // on exit
+        function () {
+          _this2._observable.notifyObservers('onLaunchCancel', _this2._config.roomId);
+        });
+      } else {
+        this._joinRoom(engine, roomProvider, deviceProvider).then(renderSceneUI);
+      }
+    }
+  }, {
+    key: "_addObservers",
+    value: function _addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource) {
+      var _this3 = this;
+      var dom = this._dom;
+      var observable = this._observable;
+      var sceneConfig = this._config;
+      roomProvider.addObserver({
+        onJoinMainRoom: function onJoinMainRoom(ticket) {
+          _dialog.FcrDialogApi.open({
+            id: 'login-confirm-dialog-move-mainroom',
+            dialogProps: {
+              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+                title: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_label_about_join'),
+                desc: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_label_quick_join'),
+                id: "login-confirm-dialog-move-mainroom",
+                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_button_join_now_no_count'),
+                isShowCoutDown: true,
+                showImg: false,
+                onConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+                  return _regenerator["default"].wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        roomProvider.handleJoinMainRoom(_this3._config.roomId, ticket).then(function () {
+                          if (dom) {
+                            _this3.logger.info('render main room ui');
+                            _this3._disposers.push(uiManager.renderMainSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource));
+                          }
+                        });
+                      case 1:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee);
+                }))
+              }),
+              width: 360,
+              closable: false,
+              rootClassName: 'login-confirm-dialog'
+            }
+          });
+        },
+        onJoinMainRoomFailed: function onJoinMainRoomFailed(error) {
+          if (error.code === '730403100') {
+            _dialog.FcrDialogApi.open({
+              id: 'login-confirm-dialog-error',
+              dialogProps: {
+                content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+                  desc: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_label_removed'),
+                  id: "login-confirm-dialog-error",
+                  btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit')
+                }),
+                width: 360,
+                closable: false,
+                rootClassName: 'login-confirm-dialog'
+              }
+            });
+          }
+        },
+        onLeaveMainRoom: function onLeaveMainRoom() {
+          _this3._disposeRoomControl();
+          uiManager.renderLoading(_this3._dom);
+        },
+        onLeaveWaitingRoom: function onLeaveWaitingRoom() {
+          _this3._disposeRoomControl();
+          uiManager.renderLoading(dom);
+        },
+        onLocalUserKickedOut: function onLocalUserKickedOut() {
+          _dialog.FcrDialogApi.open({
+            id: 'login-confirm-dialog-kick-out',
+            dialogProps: {
+              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+                title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
+                desc: (0, _i18n.transI18n)('fmt_leave_tips_removetip'),
+                id: "login-confirm-dialog-kick-out",
+                imgSrc: _leaveMeeting["default"],
+                showImg: true,
+                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+                onConfirm: function onConfirm() {
+                  observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.KICKED_OUT);
+                }
+              }),
+              width: 360,
+              closable: false,
+              rootClassName: 'login-confirm-dialog',
+              maskClosable: false
+            }
+          });
+        },
+        onJoinWaitingRoom: function onJoinWaitingRoom(roomControl, isWaitingRoomManaager) {
+          if (_this3._dom && !isWaitingRoomManaager) {
+            _this3._disposers.push(uiManager.renderWaitingSceneUI(_this3._dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource));
+          }
+        },
+        onRoomClosed: function onRoomClosed() {
+          _dialog.FcrDialogApi.open({
+            id: 'login-confirm-dialog-kick-out',
+            dialogProps: {
+              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+                title: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_end_title'),
+                desc: (0, _i18n.transI18n)('fmt_leave_tips_classover'),
+                id: "login-confirm-dialog-kick-out",
+                imgSrc: _leaveMeeting["default"],
+                showImg: true,
+                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+                onConfirm: function onConfirm() {
+                  observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
+                }
+              }),
+              width: 360,
+              closable: false,
+              rootClassName: 'login-confirm-dialog',
+              maskClosable: false
+            }
+          });
+        },
+        onExitRoom: function onExitRoom() {
+          observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.LEAVE_ROOM);
+        }
+      });
+      engine.addObserver({
+        onConnectionStateUpdated: function onConnectionStateUpdated(state) {
+          if (state === _fcrCore.FcrConnectionState.ABORTED) {
+            observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.ABORTED);
+          }
+          if (state === _fcrCore.FcrConnectionState.CONNECTED) {
+            eventProvider.sendEvent(_constant.FcrUIAction.ENGINE_RECONNECTED);
+          }
+        }
+      });
+    }
+  }, {
+    key: "_joinRoom",
     value: function () {
-      var _launch = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var config, engine, uiManager;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(engine, roomControl, deviceProvider) {
+        var _this4 = this;
+        var p;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              config = _objectSpread(_objectSpread(_objectSpread({}, this._config), this._creatorConfig), {}, {
-                token: this._config.roomToken,
-                region: _fcrCore.FcrRegion.CN,
-                dualCameraVideoStreamConfig: {
-                  highVideoEncoderConfig: _defaultConfig.cameraVideoHighStreamEncoderLowConfig,
-                  lowVideoEncoderConfig: _defaultConfig.cameraVideoLowStreamEncoderConfig,
-                  enableDualStreamMode: true
-                },
-                dualScreenVideoStreamConfig: {
-                  highVideoEncoderConfig: _defaultConfig.screenCaptureHighStreamEncoderConfig,
-                  lowVideoEncoderConfig: _defaultConfig.screenCaptureLowStreamEncoderConfig,
-                  enableDualStreamMode: false
-                }
+              p = engine.login().then(function () {
+                return roomControl.handleJoinRoom(_this4._config.roomId);
+              }).then(/*#__PURE__*/function () {
+                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(response) {
+                  return _regenerator["default"].wrap(function _callee2$(_context2) {
+                    while (1) switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.next = 2;
+                        return deviceProvider.init();
+                      case 2:
+                        return _context2.abrupt("return", response);
+                      case 3:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }, _callee2);
+                }));
+                return function (_x4) {
+                  return _ref2.apply(this, arguments);
+                };
+              }());
+              p.then(function () {
+                _this4._observable.notifyObservers('onLaunchSuccess', _this4._config.roomId);
+              })["catch"](function (e) {
+                _this4._observable.notifyObservers('onLaunchFailure', _this4._config.roomId, e);
               });
-              engine = new _fcrCore.FcrCoreEngine(config); // @ts-ignore
-              window.__core_engine = engine;
-              this._engine = engine;
-              if (config.parameters) {
-                engine.setParameters(config.parameters);
+              return _context3.abrupt("return", p);
+            case 3:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      function _joinRoom(_x, _x2, _x3) {
+        return _joinRoom2.apply(this, arguments);
+      }
+      return _joinRoom;
+    }()
+  }, {
+    key: "_renderSceneUI",
+    value: function () {
+      var _renderSceneUI2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(response, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource) {
+        var dom, _response, type, roomControl;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              dom = this._dom;
+              _response = (0, _slicedToArray2["default"])(response, 2), type = _response[0], roomControl = _response[1];
+              if (type === _type2.FcrRoomType.Mainroom) {
+                if ((0, _parameters.isRobotPullingMode)(this._creatorConfig.parameters)) {
+                  this.logger.info('Offscreen pulling mode enabled');
+                  this._disposers.push(uiManager.renderPullingUi(dom, roomControl));
+                } else {
+                  this._disposers.push(uiManager.renderMainSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource));
+                }
+              } else {
+                this._disposers.push(uiManager.renderWaitingSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource));
               }
-              uiManager = new _uiManager.DefaultSceneUIManager(this._config, config, engine, this._observable, this._settingConfig);
-              this._uiManager = uiManager;
-              uiManager.render(this._dom);
-            case 8:
+            case 3:
             case "end":
-              return _context.stop();
+              return _context4.stop();
           }
-        }, _callee, this);
+        }, _callee4, this);
       }));
-      function launch() {
-        return _launch.apply(this, arguments);
+      function _renderSceneUI(_x5, _x6, _x7, _x8, _x9, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17, _x18) {
+        return _renderSceneUI2.apply(this, arguments);
       }
-      return launch;
+      return _renderSceneUI;
     }()
   }, {
     key: "_release",
     value: function _release() {
-      var _this$_uiManager, _this$_engine;
-      (_this$_uiManager = this._uiManager) === null || _this$_uiManager === void 0 || _this$_uiManager.destroy();
-      (_this$_engine = this._engine) === null || _this$_engine === void 0 || _this$_engine.release();
+      var _this$_engine, _this$_engine2, _this$_eventProvider, _this$_deviceProvider, _this$_roomProvider;
+      this._disposeRoomControl();
+      (_this$_engine = this._engine) === null || _this$_engine === void 0 || _this$_engine.logout();
+      (_this$_engine2 = this._engine) === null || _this$_engine2 === void 0 || _this$_engine2.release();
+      (_this$_eventProvider = this._eventProvider) === null || _this$_eventProvider === void 0 || _this$_eventProvider.release();
+      (_this$_deviceProvider = this._deviceProvider) === null || _this$_deviceProvider === void 0 || _this$_deviceProvider.release();
+      (_this$_roomProvider = this._roomProvider) === null || _this$_roomProvider === void 0 || _this$_roomProvider.release();
       this._uiManager = undefined;
       this._engine = undefined;
+      this._eventProvider = undefined;
+      this._deviceProvider = undefined;
       (0, _renderer.setInMeetingState)(0);
       (0, _renderer.releaseSubAllWindowRefs)();
       window.removeEventListener('beforeunload', this._handleBeforeUnload);
     }
+  }, {
+    key: "_disposeRoomControl",
+    value: function _disposeRoomControl() {
+      this._disposers.forEach(function (dispose) {
+        return dispose();
+      });
+      this._disposers = [];
+    }
+  }, {
+    key: "_downloadResources",
+    value: function _downloadResources(mediaControl) {
+      var _this$_config$resourc;
+      var _ref3 = (_this$_config$resourc = this._config.resource) !== null && _this$_config$resourc !== void 0 ? _this$_config$resourc : {
+          virtualBackgroundImages: [],
+          virtualBackgroundVideos: [],
+          soundEffectAudios: []
+        },
+        _ref3$virtualBackgrou = _ref3.virtualBackgroundImages,
+        virtualBackgroundImages = _ref3$virtualBackgrou === void 0 ? [] : _ref3$virtualBackgrou,
+        _ref3$virtualBackgrou2 = _ref3.virtualBackgroundVideos,
+        virtualBackgroundVideos = _ref3$virtualBackgrou2 === void 0 ? [] : _ref3$virtualBackgrou2,
+        _ref3$soundEffectAudi = _ref3.soundEffectAudios,
+        soundEffectAudios = _ref3$soundEffectAudi === void 0 ? [] : _ref3$soundEffectAudi;
+      var uiResources = {
+        virtualBackgroundImages: [].concat((0, _toConsumableArray2["default"])(_uiResources.BUILTIN_VIRTUAL_BACKGROUND_IMAGE_URL_LIST), (0, _toConsumableArray2["default"])(virtualBackgroundImages)),
+        virtualBackgroundVideos: [].concat((0, _toConsumableArray2["default"])(_uiResources.BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST), (0, _toConsumableArray2["default"])(virtualBackgroundVideos)),
+        soundEffectAudios: [].concat((0, _toConsumableArray2["default"])(_uiResources.BUILTIN_SOUND_EFFECT_URL_LIST), (0, _toConsumableArray2["default"])(soundEffectAudios))
+      };
+      mediaControl.downloadUiResources(uiResources);
+    }
   }]);
 }();