fcr-ui-scene 3.6.1 → 3.6.2

package/lib/providers/sharing-provider.d.ts

@@ -0,0 +1,33 @@
+import { FcrScreenSharingState, FcrSharingControl, FcrWhiteboardState } from 'fcr-core/lib/room-control/sharing-control/type';
+import { FcrScreenStreamCreateConfig } from 'fcr-core/lib/room-control/stream-control/type';
+export interface FcrUISharingProvider {
+    get screenSharingOwnerId(): string;
+    get whiteboardOwnerId(): string;
+    get screenSharingState(): FcrScreenSharingState;
+    get whiteboardState(): FcrWhiteboardState;
+    startScreenSharing: (config: FcrScreenStreamCreateConfig) => void;
+    startWhiteboard: () => void;
+    updateScreenSharing: (enableAnnotation: boolean) => void;
+    stop: () => void;
+    getScreenSharingState: () => FcrScreenSharingState;
+    getWhiteboardState: () => FcrWhiteboardState;
+    getSharingControl: () => FcrSharingControl;
+}
+export declare class FcrUISharingProviderImpl implements FcrUISharingProvider {
+    private _sharingControl;
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _observer;
+    accessor screenSharingOwnerId: string;
+    accessor whiteboardOwnerId: string;
+    accessor screenSharingState: FcrScreenSharingState;
+    accessor whiteboardState: FcrWhiteboardState;
+    constructor(_sharingControl: FcrSharingControl);
+    startScreenSharing(config: FcrScreenStreamCreateConfig): void;
+    startWhiteboard(): void;
+    updateScreenSharing(enableAnnotation: boolean): void;
+    stop(): void;
+    getScreenSharingState(): FcrScreenSharingState;
+    getWhiteboardState(): FcrWhiteboardState;
+    getSharingControl(): FcrSharingControl;
+    release(): void;
+}

package/lib/{shared-data-source/screen-share-data-source.js → providers/sharing-provider.js}

@@ -36,10 +36,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FcrUIScreenShareDataSourceImpl = void 0;
+exports.FcrUISharingProviderImpl = void 0;
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.date.to-json.js");
-require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
@@ -50,13 +48,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _decorator = require("agora-foundation/lib/decorator");
+var _type = require("fcr-core/lib/room-control/sharing-control/type");
 var _mobx = require("mobx");
 var _base = require("../base");
 var _logger = require("../utilities/logger");
-var _env = require("agora-foundation/lib/utilities/env");
-var _shareAudio = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio");
-var _FcrUIScreenShareDataSourceImpl;
-var _initProto, _init_currentShareAudioProcessingChannel, _init_isSharingScreen, _init_currentShareBounds, _setSharingScreenDecs, _setCurrentShareBoundsDecs, _setCurrentShareAudioProcessingChannelDecs, _ref;
+var _FcrUISharingProviderImpl;
+var _initProto, _init_screenSharingOwnerId, _init_whiteboardOwnerId, _init_screenSharingState, _init_whiteboardState;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -70,19 +68,38 @@ function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
-_ref = (_setSharingScreenDecs = [_mobx.action, _mobx.action.bound], _setCurrentShareBoundsDecs = [_mobx.action, _mobx.action.bound], _setCurrentShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], "logger");
-var FcrUIScreenShareDataSourceImpl = exports.FcrUIScreenShareDataSourceImpl = /*#__PURE__*/function () {
-  function FcrUIScreenShareDataSourceImpl() {
-    (0, _classCallCheck2["default"])(this, FcrUIScreenShareDataSourceImpl);
-    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
-      prefix: 'FcrUIScreenShareDataSourceImpl'
+var _D = /*#__PURE__*/new WeakMap();
+var FcrUISharingProviderImpl = exports.FcrUISharingProviderImpl = /*#__PURE__*/function () {
+  function FcrUISharingProviderImpl(_sharingControl) {
+    var _this = this;
+    (0, _classCallCheck2["default"])(this, FcrUISharingProviderImpl);
+    (0, _defineProperty2["default"])(this, "logger", (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'FcrUISharingProviderImpl'
     })));
-    _classPrivateFieldInitSpec(this, _A, _init_currentShareAudioProcessingChannel(this, _shareAudio.AudioProcessingChannel.MONO));
-    _classPrivateFieldInitSpec(this, _B, _init_isSharingScreen(this, false));
-    _classPrivateFieldInitSpec(this, _C, _init_currentShareBounds(this, (0, _env.isElectron)() ? window.runtime.browserWindow.getBounds() : null));
+    (0, _defineProperty2["default"])(this, "_observer", {
+      onScreenSharingUpdated: function onScreenSharingUpdated(ownerId, state) {
+        _this.screenSharingOwnerId = ownerId;
+        _this.screenSharingState = state;
+      },
+      onWhiteboardStarted: function onWhiteboardStarted(ownerId, operatorUser) {
+        _this.whiteboardOwnerId = ownerId;
+        _this.whiteboardState = _type.FcrWhiteboardState.START;
+      },
+      onWhiteboardEnded: function onWhiteboardEnded(reason, operatorUser) {
+        _this.whiteboardState = _type.FcrWhiteboardState.END;
+      }
+    });
+    _classPrivateFieldInitSpec(this, _A, _init_screenSharingOwnerId(this, ''));
+    _classPrivateFieldInitSpec(this, _B, _init_whiteboardOwnerId(this, ''));
+    _classPrivateFieldInitSpec(this, _C, _init_screenSharingState(this, _type.FcrScreenSharingState.END));
+    _classPrivateFieldInitSpec(this, _D, _init_whiteboardState(this, _type.FcrWhiteboardState.END));
+    this._sharingControl = _sharingControl;
+    // @ts-ignore
+    // this._sharingControl.getToken();
+    this._sharingControl.addObserver(this._observer);
   }
-  return (0, _createClass2["default"])(FcrUIScreenShareDataSourceImpl, [{
-    key: "currentShareAudioProcessingChannel",
+  return (0, _createClass2["default"])(FcrUISharingProviderImpl, [{
+    key: "screenSharingOwnerId",
     get: function get() {
       return _classPrivateFieldGet(_A, this);
     },
@@ -90,7 +107,7 @@ var FcrUIScreenShareDataSourceImpl = exports.FcrUIScreenShareDataSourceImpl = /*
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "isSharingScreen",
+    key: "whiteboardOwnerId",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -98,7 +115,7 @@ var FcrUIScreenShareDataSourceImpl = exports.FcrUIScreenShareDataSourceImpl = /*
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "currentShareBounds",
+    key: "screenSharingState",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -106,29 +123,60 @@ var FcrUIScreenShareDataSourceImpl = exports.FcrUIScreenShareDataSourceImpl = /*
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "setSharingScreen",
-    value: function setSharingScreen(isSharingScreen) {
-      this.isSharingScreen = isSharingScreen;
-      this.logger.info("setSharingScreen: ".concat(isSharingScreen));
+    key: "whiteboardState",
+    get: function get() {
+      return _classPrivateFieldGet(_D, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_D, this, v);
+    }
+  }, {
+    key: "startScreenSharing",
+    value: function startScreenSharing(config) {
+      this._sharingControl.startScreenSharing(config);
+    }
+  }, {
+    key: "startWhiteboard",
+    value: function startWhiteboard() {
+      this._sharingControl.startWhiteboard();
+    }
+  }, {
+    key: "updateScreenSharing",
+    value: function updateScreenSharing(enableAnnotation) {
+      this._sharingControl.updateScreenSharing(enableAnnotation);
+    }
+  }, {
+    key: "stop",
+    value: function stop() {
+      this._sharingControl.stop();
+    }
+  }, {
+    key: "getScreenSharingState",
+    value: function getScreenSharingState() {
+      return this._sharingControl.getScreenSharingState();
+    }
+  }, {
+    key: "getWhiteboardState",
+    value: function getWhiteboardState() {
+      return this._sharingControl.getWhiteboardState();
     }
   }, {
-    key: "setCurrentShareBounds",
-    value: function setCurrentShareBounds(currentShareBounds) {
-      this.currentShareBounds = currentShareBounds;
-      this.logger.info("setCurrentShareBounds: ".concat(JSON.stringify(currentShareBounds)));
+    key: "getSharingControl",
+    value: function getSharingControl() {
+      return this._sharingControl;
     }
   }, {
-    key: "setCurrentShareAudioProcessingChannel",
-    value: function setCurrentShareAudioProcessingChannel(channel) {
-      this.currentShareAudioProcessingChannel = channel;
-      this.logger.info("setCurrentShareAudioProcessingChannel: ".concat(channel));
+    key: "release",
+    value: function release() {
+      this._sharingControl.removeObserver(this._observer);
     }
   }]);
 }();
-_FcrUIScreenShareDataSourceImpl = FcrUIScreenShareDataSourceImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIScreenShareDataSourceImpl, [[_mobx.observable, 1, "currentShareAudioProcessingChannel"], [_mobx.observable, 1, "isSharingScreen"], [_mobx.observable, 1, "currentShareBounds"], [_setSharingScreenDecs, 18, "setSharingScreen"], [_setCurrentShareBoundsDecs, 18, "setCurrentShareBounds"], [_setCurrentShareAudioProcessingChannelDecs, 18, "setCurrentShareAudioProcessingChannel"]], []).e, 4);
-_init_currentShareAudioProcessingChannel = _applyDecs$e[0];
-_init_isSharingScreen = _applyDecs$e[1];
-_init_currentShareBounds = _applyDecs$e[2];
-_initProto = _applyDecs$e[3];
-(0, _base.registerDependency)('screenShareDataSource');
+_FcrUISharingProviderImpl = FcrUISharingProviderImpl;
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUISharingProviderImpl, [[_mobx.observable, 1, "screenSharingOwnerId"], [_mobx.observable, 1, "whiteboardOwnerId"], [_mobx.observable, 1, "screenSharingState"], [_mobx.observable, 1, "whiteboardState"], [_decorator.bound, 2, "startScreenSharing"], [_decorator.bound, 2, "startWhiteboard"], [_decorator.bound, 2, "updateScreenSharing"], [_decorator.bound, 2, "stop"], [_decorator.bound, 2, "getScreenSharingState"], [_decorator.bound, 2, "getWhiteboardState"], [_decorator.bound, 2, "getSharingControl"], [_decorator.bound, 2, "release"]], []).e, 5);
+_init_screenSharingOwnerId = _applyDecs$e[0];
+_init_whiteboardOwnerId = _applyDecs$e[1];
+_init_screenSharingState = _applyDecs$e[2];
+_init_whiteboardState = _applyDecs$e[3];
+_initProto = _applyDecs$e[4];
+(0, _base.registerDependency)('sharingProvider');

package/lib/runtime.d.ts

@@ -1,3 +1,5 @@
+import { WindowManager } from './type';
+
 export {};
 declare global {
   interface NetworkType {
@@ -48,7 +50,7 @@ declare global {
     ): void;
 
     browserWindow: import('electron').BrowserWindow;
-    captureScreen(options?: { hideWindow?: boolean }): void;
+    captureScreen(options?: { hideWindow?: boolean; alwaysHide?: boolean }): void;
     setFragmentOptions(
       entryPath: string,
       windowOptions: import('electron').BrowserWindowConstructorOptions,
@@ -82,6 +84,8 @@ declare global {
     openSystemPreferences(mediaType: 'microphone' | 'camera' | 'sharing'): void;
     getUserSettingData(): object;
     setUserSettingData(data: object): void;
+    getActiveWindow(): WindowManager | undefined;
+    getWindows(): WindowManager[];
     onCreatorInit?: (initOptions: any) => void;
     onSettingOpen?: () => void;
     onSettingClose?: () => void;
@@ -101,6 +105,7 @@ declare global {
     setParameters: (parameters: string) => void;
     onCloseWindowBeforeLaunchSuccess?: () => void;
     exitedMeeting?: (roomId: string, reason: FcrUIExitReason) => void;
+    getIsMeetingLaunched: () => Promise<boolean>;
   }
 
   interface Window {

package/lib/scenes/main-scene.d.ts

@@ -31,7 +31,9 @@ import { FcrUIWidgetProvider } from '../providers/widget-provider';
 import { FcrUIAbilityProviderImpl } from '../providers/ability-provider';
 import { FcrUIMeetingTimeSharedDataSource } from '../shared-data-source/meeting-time';
 import { FcrUISecuritySharedDataSource } from '../shared-data-source/security-data';
-import { FcrUIScreenShareDataSource } from '../shared-data-source/screen-share-data-source';
+import { FcrUIAnnotationProvider } from '../providers/annotation-provider';
+import { FcrUISharingProvider } from '../providers/sharing-provider';
+import { FcrUIScreenShareSharedDataSource } from '../shared-data-source/screen-share-data';
 export type FcrMainUISceneArgs = {
     engine: FcrCoreEngine;
     eventProvider: FcrUIEventProvider;
@@ -47,6 +49,7 @@ export type FcrMainUISceneArgs = {
     sharedVideoWindowDataSource: FcrUIVideoWindowDataSource;
     sharedDevicePrivilegeDataSource: FcrUISharedDevicePrivilegeDataSource;
     widgetProvider: FcrUIWidgetProvider;
+    sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
 };
 export declare class FcrMainUIScene extends FcrBaseUIScene {
     eventProvider: FcrUIEventProvider;
@@ -72,6 +75,8 @@ export declare class FcrMainUIScene extends FcrBaseUIScene {
     phoneAudioConnectorProvider: FcrUIPhoneAudioConnectorProviderImpl;
     widgetProvider: FcrUIWidgetProvider;
     abilityProvider: FcrUIAbilityProviderImpl;
+    annotationProvider: FcrUIAnnotationProvider;
+    sharingProvider: FcrUISharingProvider;
     sharedConfigDataSource: FcrUISharedConfigDataSource;
     sharedInterpreterDataSource: FcrUISharedInterpreterDataSourceImpl;
     sharedSettingDataSource: FcrUISharedSettingDataSource;
@@ -85,7 +90,7 @@ export declare class FcrMainUIScene extends FcrBaseUIScene {
     sharedMemberDataSource: FcrUIMemberSharedDataSource;
     sharedMeetingTimeDataSource: FcrUIMeetingTimeSharedDataSource;
     sharedSecuritySharedDataSource: FcrUISecuritySharedDataSource;
-    screenShareDataSource: FcrUIScreenShareDataSource;
+    sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
     private _isWaitingRoomNotify;
     constructor(args: FcrMainUISceneArgs);
     private _addObservers;

package/lib/scenes/main-scene.js

@@ -126,8 +126,11 @@ var _abilityProvider = require("../providers/ability-provider");
 var _meetingTime = require("../shared-data-source/meeting-time");
 var _securityData = require("../shared-data-source/security-data");
 var _rename = require("../modules/dialog/components/rename");
+var _annotation = require("../modules/annotation");
+var _annotationTool = require("../modules/dialog/components/annotation-tool");
+var _annotationProvider = require("../providers/annotation-provider");
+var _sharingProvider = require("../providers/sharing-provider");
 var _confirmLeaveMeeting = require("../modules/dialog/components/confirm-leave-meeting");
-var _screenShareDataSource = require("../shared-data-source/screen-share-data-source");
 var _jsxRuntime = require("react/jsx-runtime");
 var _FcrMainUIScene;
 var _initProto; // import { RemoveAdmitWaitingRoomDialog } from '../modules/dialog/components/remove-admit-waiting-room';
@@ -160,12 +163,12 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
       dialogProvider = args.dialogProvider,
       sharedVideoWindowDataSource = args.sharedVideoWindowDataSource,
       sharedDevicePrivilegeDataSource = args.sharedDevicePrivilegeDataSource,
-      widgetProvider = args.widgetProvider;
+      widgetProvider = args.widgetProvider,
+      sharedScreenShareSharedDataSource = args.sharedScreenShareSharedDataSource;
     var mainRoomControl = roomProvider.currentRoomControl;
+    var sharingControl = mainRoomControl.getSharingControl();
     var streamControl = mainRoomControl.getStreamControl();
     var userControl = mainRoomControl.getUserControl();
-    var screenShareProvider = new _screenShareProvider.FcrUIScreenShareProviderImpl(deviceProvider, dialogProvider, roomProvider);
-    var sharedMemberDataSource = new _memberData.FcrUIMemberSharedDataSourceImpl(userControl, streamControl, screenShareProvider, mainRoomControl.getBoardControl());
     var privilegeControl = mainRoomControl.getPrivilegeControl();
     var interpreterControl = mainRoomControl.getInterpreterControl();
     var abilityControl = mainRoomControl.getAbilityControl();
@@ -177,8 +180,6 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
     var remoteVideoRenderProvider = new _rendererProvider.FcrUIRemoteVideoRenderProviderImpl(mainRoomControl.getStreamControl());
     var mainRoomControlProvider = new _roomProvider.FcrUIMainRoomControlProviderImpl(mainRoomControl, eventProvider, messageProvider, dialogProvider, sharedInterpreterDataSource);
     var privilegeProvider = mainRoomControlProvider.privilegeProvider;
-    var sharedSecurityDataSource = new _securityData.FcrUISecuritySharedDataSourceImpl(privilegeProvider, sharedMemberDataSource);
-    var screenShareDataSource = new _screenShareDataSource.FcrUIScreenShareDataSourceImpl();
     var interpreterProvider = new _interpreterProvider.FcrUIInterpreterProviderImpl({
       privilegeProvider: privilegeProvider,
       interpreterControl: interpreterControl,
@@ -192,9 +193,10 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
     var connectionProvider = new _roomProvider.FcrUIConnectionProviderImpl(engine);
     var sessionProvider = new _sessionProvider.FcrUISessionProviderImpl(engine);
     var deviceStreamProvider = new _deviceStreamProvider.FcrUIDeviceStreamProviderImpl(mainRoomControl, deviceProvider, messageProvider, dialogProvider, devicePrivilegeProvider, sharedDevicePrivilegeDataSource, interpreterProvider, sharedInterpreterDataSource);
-    var waitingRoomControlProvider = new _roomProvider.FcrUIWaitingRoomControlProviderImpl(roomProvider);
+    var waitingRoomControlProvider = new _roomProvider.FcrUIWaitingRoomControlProviderImpl(roomProvider, eventProvider);
     var monitorProvider = new _monitorProvider.FcrUIMonitorProviderImpl(engine.getMonitorControl());
     var chatProvider = new _chatProvider.FcrUIChatProviderImpl(currentRoomControlProvider.currentRoomControl, roomProvider);
+    var sharingProvider = new _sharingProvider.FcrUISharingProviderImpl(sharingControl);
     var sharedWaitingRoomDataSource = new _waitingRoom.FcrUISharedWaitingRoomDataSourceImpl(roomProvider, eventProvider);
     var phoneAudioConnectorProvider = new _phoneAudioProvider.FcrUIPhoneAudioConnectorProviderImpl({
       roomControl: mainRoomControl,
@@ -205,6 +207,10 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
     var sharedMeetingTimeDataSource = new _meetingTime.FcrUIMeetingTimeSharedDataSourceImpl({
       mainRoomControl: mainRoomControl
     });
+    var sharedMemberDataSource = new _memberData.FcrUIMemberSharedDataSourceImpl(userControl, streamControl, sharedScreenShareSharedDataSource, mainRoomControl.getSharingControl().getBoardControl());
+    var screenShareProvider = new _screenShareProvider.FcrUIScreenShareProviderImpl(deviceProvider, eventProvider, roomProvider, sharingProvider, sharedScreenShareSharedDataSource, sharedMemberDataSource);
+    var annotationProvider = new _annotationProvider.FcrUIAnnotationProviderImpl(dialogProvider, sharingProvider, sharedMemberDataSource, sharedVideoWindowDataSource, screenShareProvider, deviceProvider);
+    var sharedSecurityDataSource = new _securityData.FcrUISecuritySharedDataSourceImpl(privilegeProvider, sharedMemberDataSource);
     _this.messageProvider = messageProvider;
     _this.dialogProvider = dialogProvider;
     _this.eventProvider = eventProvider;
@@ -226,6 +232,8 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
     _this.screenShareProvider = screenShareProvider;
     _this.phoneAudioConnectorProvider = phoneAudioConnectorProvider;
     _this.chatProvider = chatProvider;
+    _this.annotationProvider = annotationProvider;
+    _this.sharingProvider = sharingProvider;
     _this.sharedSpeakerSpotlightDataSource = sharedSpeakerSpotlightDataSource;
     _this.sharedPinDataSource = sharedPinDataSource;
     _this.sharedConfigDataSource = sharedConfigDataSource;
@@ -239,7 +247,7 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
     _this.sharedMemberDataSource = sharedMemberDataSource;
     _this.sharedMeetingTimeDataSource = sharedMeetingTimeDataSource;
     _this.sharedSecuritySharedDataSource = sharedSecurityDataSource;
-    _this.screenShareDataSource = screenShareDataSource;
+    _this.sharedScreenShareSharedDataSource = sharedScreenShareSharedDataSource;
     _this.widgetProvider = widgetProvider;
     _this.abilityProvider = abilityProvider;
     _this._addObservers();
@@ -336,6 +344,7 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
       var pcAudioConnection = new _pcAudioConnect.PcAudioConnectionUIModule(this, this);
       var phoneAudioConnection = new _phoneAudioConnect.PhoneAudioConnectionUIModule(this, this);
       var webWidgetUIModule = new _widget2.WebWidgetUIModule(this, this);
+      var annotationUIModule = new _annotation.AnnotationUIModule(this, this);
       this.addSubNode(chatModule);
       this.addSubNode(audioStreamUIModule);
       this.addSubNode(soundEffectUIModule);
@@ -358,6 +367,7 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
       this.addSubNode(pcAudioConnection);
       this.addSubNode(phoneAudioConnection);
       this.addSubNode(webWidgetUIModule);
+      this.addSubNode(annotationUIModule);
       var getView = function getView() {
         dialogModule.addDialogs([
         // {
@@ -470,18 +480,35 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
               children: participantsModule.getRenameDialogContent()
             }, "RenameDialog");
           }
+        }, {
+          key: _constant.FcrUIDialogKey.ANNOTATION_TOOL,
+          component: function component() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_annotationTool.AnnotationBarDialog, {
+              children: annotationUIModule.getToolComponents()
+            }, "annotation");
+          }
         }, {
           key: _constant.FcrUIDialogKey.LEAVE_MEETING,
           component: function component(props) {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmLeaveMeeting.ConfirmLeaveMeetingDialog, {
               title: (0, _i18n.transI18n)('fmt_actionbar_labels_endmeeting'),
-              onOk: function onOk() {
-                _this3.mainRoomControlProvider.mainRoomControl.close();
-                _this3.roomProvider.exitRoom();
-                _this3.eventProvider.sendEvent(_constant.FcrUIAction.CLOSE_DIALOG, {
-                  dialogKey: _constant.FcrUIDialogKey.LEAVE_MEETING
-                });
-              },
+              onOk: /*#__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:
+                      _this3.roomProvider.setIsSelfEndMeeting(true);
+                      _context.next = 3;
+                      return _this3.mainRoomControlProvider.mainRoomControl.close();
+                    case 3:
+                      _this3.eventProvider.sendEvent(_constant.FcrUIAction.CLOSE_DIALOG, {
+                        dialogKey: _constant.FcrUIDialogKey.LEAVE_MEETING
+                      });
+                    case 4:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              })),
               onCancel: function onCancel() {
                 _this3.eventProvider.sendEvent(_constant.FcrUIAction.CLOSE_DIALOG, {
                   dialogKey: _constant.FcrUIDialogKey.LEAVE_MEETING
@@ -509,8 +536,10 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
               stateBar: stateBarUIModule.getComponent(),
               layers: _this3.renderLayers([dialogModule.getComponent(), eventToastUIModule.getComponent('local'), eventNotificationUIModule.getComponent()]),
               whiteboard: whiteBoradUIModule.getComponent(),
+              annotationControl: annotationUIModule.getControlComponent(),
+              annotation: annotationUIModule.getComponent(),
               globalToast: eventToastUIModule.getComponent('global'),
-              confirm: eventConfirmUIModule.getComponent()
+              confirm: eventConfirmUIModule.getComponent('mainroom')
             })
           }), 'mainroom')
         });
@@ -555,11 +584,11 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
   }, {
     key: "_runSettingConfig",
     value: function () {
-      var _runSettingConfig2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _runSettingConfig2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
         var _this4 = this;
         var deviceProvider, settingConfig, showToast, allowJoinWithCloseVideo, hasOpenCameraPrivilege, isJoinWithCloseVideo, allowJoinWithMuteAudio, hasOpenMicrophonePrivilege, isJoinWithMuteAudio;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               deviceProvider = this.deviceProvider;
               settingConfig = this.sharedConfigDataSource.settingConfig;
@@ -571,10 +600,10 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
                 });
               };
               allowJoinWithCloseVideo = this.privilegeProvider.allowJoinWithMutedVideo();
-              _context.next = 7;
+              _context2.next = 7;
               return this.devicePrivilegeProvider.hasOpenCameraPrivilege();
             case 7:
-              hasOpenCameraPrivilege = _context.sent;
+              hasOpenCameraPrivilege = _context2.sent;
               if (this.deviceProvider.ifNeedExecuteOpenCamera()) {
                 isJoinWithCloseVideo = allowJoinWithCloseVideo && !hasOpenCameraPrivilege;
                 if (isJoinWithCloseVideo) {
@@ -590,10 +619,10 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
                 }
               }
               allowJoinWithMuteAudio = this.privilegeProvider.allowJoinWithMuteAudio();
-              _context.next = 12;
+              _context2.next = 12;
               return this.devicePrivilegeProvider.hasOpenMicrophonePrivilege();
             case 12:
-              hasOpenMicrophonePrivilege = _context.sent;
+              hasOpenMicrophonePrivilege = _context2.sent;
               if (this.deviceProvider.ifNeedExecuteAutoConnectAudio()) {
                 isJoinWithMuteAudio = allowJoinWithMuteAudio && !hasOpenMicrophonePrivilege && this.deviceProvider.shouldEnableMicBeforeSession;
                 if (isJoinWithMuteAudio) {
@@ -618,9 +647,9 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
               }
             case 15:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
       function _runSettingConfig() {
         return _runSettingConfig2.apply(this, arguments);

package/lib/scenes/waiting-scene.d.ts

@@ -22,6 +22,8 @@ import { FcrUIMemberSharedDataSource } from '../shared-data-source/member-data';
 import { FcrUIWidgetProvider } from '../providers/widget-provider';
 import { FcrUISharedWaitingRoomDataSource } from '../shared-data-source/waiting-room';
 import { FcrUIAbilityProviderImpl } from '../providers/ability-provider';
+import { FcrUIScreenShareProviderImpl } from '../providers/screen-share-provider';
+import { FcrUIScreenShareSharedDataSource } from '../shared-data-source/screen-share-data';
 export type FcrWaitingUISceneArgs = {
     engine: FcrCoreEngine;
     eventProvider: FcrUIEventProvider;
@@ -34,8 +36,10 @@ export type FcrWaitingUISceneArgs = {
     sharedSettingDataSource: FcrUISharedSettingDataSource;
     sharedDevicePrivilegeDataSource: FcrUISharedDevicePrivilegeDataSource;
     widgetProvider: FcrUIWidgetProvider;
+    sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
 };
 export declare class FcrWaitingUIScene extends FcrBaseUIScene {
+    private _dom;
     eventProvider: FcrUIEventProvider;
     roomProvider: FcrUIRoomProvider;
     waitingRoomControlProvider: FcrUIWaitingRoomControlProviderImpl;
@@ -51,6 +55,7 @@ export declare class FcrWaitingUIScene extends FcrBaseUIScene {
     monitorProvider: FcrUIMonitorProviderImpl;
     deviceStreamProvider: FcrUIDeviceStreamProviderImpl;
     widgetProvider: FcrUIWidgetProvider;
+    screenShareProvider: FcrUIScreenShareProviderImpl;
     sharedConfigDataSource: FcrUISharedConfigDataSource;
     messageProvider: FcrUIMessageProvider;
     sharedInterpreterDataSource: FcrUISharedInterpreterDataSourceImpl;
@@ -60,6 +65,7 @@ export declare class FcrWaitingUIScene extends FcrBaseUIScene {
     sharedChatDataSource: FcrUISharedChatDataSource;
     sharedMemberDataSource: FcrUIMemberSharedDataSource;
     sharedWaitingRoomDataSource: FcrUISharedWaitingRoomDataSource;
+    sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
     abilityProvider: FcrUIAbilityProviderImpl;
     constructor(args: FcrWaitingUISceneArgs);
     mount(dom: HTMLElement): void;

package/lib/scenes/waiting-scene.js

@@ -15,6 +15,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _waitingRoomLayout = require("../modules/waiting-room-layout");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _actionBar = require("../modules/action-bar");
@@ -42,6 +43,7 @@ var _memberData = require("../shared-data-source/member-data");
 var _waitingRoom = require("../shared-data-source/waiting-room");
 var _abilityProvider = require("../providers/ability-provider");
 var _screenShareProvider = require("../providers/screen-share-provider");
+var _sharingProvider = require("../providers/sharing-provider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -54,6 +56,7 @@ var FcrWaitingUIScene = exports.FcrWaitingUIScene = /*#__PURE__*/function (_FcrB
     var _this;
     (0, _classCallCheck2["default"])(this, FcrWaitingUIScene);
     _this = _callSuper(this, FcrWaitingUIScene);
+    (0, _defineProperty2["default"])(_this, "_dom", null);
     var eventProvider = args.eventProvider,
       sharedConfigDataSource = args.sharedConfigDataSource,
       deviceProvider = args.deviceProvider,
@@ -64,18 +67,17 @@ var FcrWaitingUIScene = exports.FcrWaitingUIScene = /*#__PURE__*/function (_FcrB
       sharedSettingDataSource = args.sharedSettingDataSource,
       sharedDevicePrivilegeDataSource = args.sharedDevicePrivilegeDataSource,
       engine = args.engine,
-      widgetProvider = args.widgetProvider;
+      widgetProvider = args.widgetProvider,
+      sharedScreenShareSharedDataSource = args.sharedScreenShareSharedDataSource;
     var waitingRoomControl = roomProvider.currentRoomControl;
     var privilegeControl = waitingRoomControl.getPrivilegeControl();
     var streamControl = waitingRoomControl.getStreamControl();
     var userControl = waitingRoomControl.getUserControl();
-    var screenShareProvider = new _screenShareProvider.FcrUIScreenShareProviderImpl(deviceProvider, dialogProvider, roomProvider);
-    var sharedMemberDataSource = new _memberData.FcrUIMemberSharedDataSourceImpl(userControl, streamControl, screenShareProvider);
     var devicePrivilegeProvider = new _devicePrivilegeProvider.FcrUIDevicePrivilegeProviderImpl(privilegeControl, streamControl, userControl, deviceProvider, messageProvider);
     var sharedWaitingRoomDataSource = new _waitingRoom.FcrUISharedWaitingRoomDataSourceImpl(roomProvider, eventProvider);
     var localStorageProvider = new _localStorageProvider.FcrUILocalStorageProviderImpl();
     var localVideoRenderProvider = new _rendererProvider.FcrUILocalVideoRenderProviderImpl(deviceProvider);
-    var waitingRoomControlProvider = new _roomProvider.FcrUIWaitingRoomControlProviderImpl(roomProvider);
+    var waitingRoomControlProvider = new _roomProvider.FcrUIWaitingRoomControlProviderImpl(roomProvider, eventProvider);
     var abilityControl = waitingRoomControl.getAbilityControl();
     var abilityProvider = new _abilityProvider.FcrUIAbilityProviderImpl(abilityControl);
     var currentRoomControlProvider = new _roomProvider.FcrUICurrentRoomControlProviderImpl(waitingRoomControl);
@@ -89,7 +91,11 @@ var FcrWaitingUIScene = exports.FcrWaitingUIScene = /*#__PURE__*/function (_FcrB
     var monitorProvider = new _monitorProvider.FcrUIMonitorProviderImpl(engine.getMonitorControl());
     var deviceStreamProvider = new _deviceStreamProvider.FcrUIDeviceStreamProviderImpl(waitingRoomControl, deviceProvider, messageProvider, dialogProvider, devicePrivilegeProvider, sharedDevicePrivilegeDataSource);
     var sharedChatDataSource = new _chatData.FcrUISharedChatDataSourceImpl(chatProvider);
+    var sharingControl = waitingRoomControl.getSharingControl();
+    var sharingProvider = new _sharingProvider.FcrUISharingProviderImpl(sharingControl);
     var sharedInterpreterDataSource = new _interpreter.FcrUISharedInterpreterDataSourceImpl();
+    var sharedMemberDataSource = new _memberData.FcrUIMemberSharedDataSourceImpl(userControl, streamControl, sharedScreenShareSharedDataSource);
+    var screenShareProvider = new _screenShareProvider.FcrUIScreenShareProviderImpl(deviceProvider, eventProvider, roomProvider, sharingProvider, sharedScreenShareSharedDataSource, sharedMemberDataSource);
     _this.eventProvider = eventProvider;
     _this.devicePrivilegeProvider = devicePrivilegeProvider;
     _this.sharedSettingDataSource = sharedSettingDataSource;
@@ -112,6 +118,8 @@ var FcrWaitingUIScene = exports.FcrWaitingUIScene = /*#__PURE__*/function (_FcrB
     _this.sharedChatDataSource = sharedChatDataSource;
     _this.deviceStreamProvider = deviceStreamProvider;
     _this.sharedMemberDataSource = sharedMemberDataSource;
+    _this.sharedScreenShareSharedDataSource = sharedScreenShareSharedDataSource;
+    _this.screenShareProvider = screenShareProvider;
     _this.widgetProvider = widgetProvider;
     _this.sharedWaitingRoomDataSource = sharedWaitingRoomDataSource;
     _this.abilityProvider = abilityProvider;
@@ -165,7 +173,7 @@ var FcrWaitingUIScene = exports.FcrWaitingUIScene = /*#__PURE__*/function (_FcrB
           actionBar: actionBarUIModule.getComponent(),
           layers: _this2.renderLayers([dialogModule.getComponent()]),
           globalToast: eventToastUIModule.getComponent('global'),
-          confirm: eventConfirmUIModule.getComponent()
+          confirm: eventConfirmUIModule.getComponent('waitingroom')
         });
         return _this2.renderWithErrorBoundary(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
@@ -176,6 +184,7 @@ var FcrWaitingUIScene = exports.FcrWaitingUIScene = /*#__PURE__*/function (_FcrB
           children: layoutComponent
         }), 'waitingroom');
       };
+      this._dom = dom;
       _reactDom["default"].render(getView(), dom);
     }
   }, {
@@ -195,6 +204,7 @@ var FcrWaitingUIScene = exports.FcrWaitingUIScene = /*#__PURE__*/function (_FcrB
       this.remoteVideoRenderProvider.release();
       this.devicePrivilegeProvider.release();
       this.sharedInterpreterDataSource.release();
+      this._dom && this.unmount(this._dom);
     }
   }, {
     key: "_runSettingConfig",