fcr-ui-scene 3.1.1 → 3.3.0

package/lib/modules/share-screen/store.js

@@ -13,6 +13,22 @@ require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.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/esnext.function.metadata.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -37,6 +53,17 @@ require("core-js/modules/es.promise.finally.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.some.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.some.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -58,19 +85,18 @@ var _constant = require("../../utilities/constant");
 var _rendererEvent = require("../../utilities/renderer-event");
 var _platform = require("../../utilities/platform");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
 var _decorator = require("agora-foundation/lib/decorator");
 var _type5 = require("../action-bar/type");
 var _tools = require("../../utilities/tools");
 var _react = require("react");
 var _type6 = require("agora-ui-foundation/lib/components/icon/type");
 var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type7 = require("../whiteboard/type");
+var _types = require("agora-edu-core/lib/room-control/whiteboard-control/types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _ShareScreenStore;
-var _initProto, _init__shareSelectionDialogId, _init__controlBarDialogId, _init__videoWindowDialogId, _init__isHost, _init__shareLocked, _init__screenTrack, _init__shareAudioTrack, _init__localUser, _init_screenSharingState, _init_applicationCaptureSources, _init_screenCaptureSources, _init_hasScreenCapturePermission, _init_showConfirm, _init_shareControlBarActive, _init_withAudio, _init_currentShareAudioProcessingChannel, _init_currentShareId, _init_sharerId, _init_currentShareType, _init_currentSelection, _init_currentSelectionType, _init_shareWithAudio, _init_boardOwnerUser, _init_localUser, _init_localUserRole, _init_title, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _setShareAudioProcessingChannelDecs, _handleCheckScreenCapturePermissionDecs, _handleToSettingDecs, _setShareWithAudioDecs, _muteLocalAudioDecs, _muteLocalVideoDecs, _handleShareScreenResourceDecs, _handleStartShareDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _handleStopShareDecs, _handleReplaceScreenDecs, _startPreviewDecs, _setShareControlBarActiveDecs, _setCurrentCameraIdDecs, _setCurrentSpeakerIdDecs, _setCurrentMicrophoneIdDecs, _setAllowChangeSelfNameDecs, _setAllowChatDecs, _setAllowJoinWithMuteAudioDecs, _setAllowShareScreenDecs, _setAllowUnmuteSelfVideoDecs, _setAllowUnmuteSelfAudioDecs, _setLockRoomEnabledDecs, _setWaitingRoomEnabledDecs, _openDialogDecs, _closeShareScreenSelectionDecs, _openControlBarDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _handleScreenCaptureStateUpdatedDecs, _updateCameraListDecs, _updateMicrophoneListDecs, _updateSpeakerListDecs, _handleLiveStreamingStateUpdatedDecs, _setShareLockDecs, _refreshLocalUserDecs, _ref;
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+var _initProto, _init__shareSelectionDialogId, _init__controlBarDialogId, _init__videoWindowDialogId, _init__isHost, _init__shareLocked, _init__screenTrack, _init__shareAudioTrack, _init__localUser, _init_screenSharingState, _init_applicationCaptureSources, _init_screenCaptureSources, _init_hasScreenCapturePermission, _init_showConfirm, _init_shareControlBarActive, _init_withAudio, _init_currentShareAudioProcessingChannel, _init_currentShareId, _init_sharerId, _init_currentShareType, _init_currentSelection, _init_currentSelectionType, _init_shareWithAudio, _init_boardOwnerUser, _init_localUser, _init_localUserRole, _init_title, _init_localMicrophoneMute, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _setShareAudioProcessingChannelDecs, _sendLocalAudioStateEventDecs, _handleCheckScreenCapturePermissionDecs, _handleToSettingDecs, _muteLocalAudioDecs, _muteLocalVideoDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _startPreviewDecs, _setShareControlBarActiveDecs, _setCurrentCameraIdDecs, _setCurrentSpeakerIdDecs, _setCurrentMicrophoneIdDecs, _setAllowChangeSelfNameDecs, _setAllowChatDecs, _setAllowJoinWithMuteAudioDecs, _setAllowShareScreenDecs, _setAllowUnmuteSelfVideoDecs, _setAllowUnmuteSelfAudioDecs, _setLockRoomEnabledDecs, _openDialogDecs, _closeShareScreenSelectionDecs, _openControlBarDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _setShareWithAudioDecs, _setWithAudioStateDecs, _handleShareScreenResourceDecs, _handleStartShareDecs, _handleReplaceScreenDecs, _handleStopShareDecs, _handleScreenCaptureStateUpdatedDecs, _updateCameraListDecs, _updateMicrophoneListDecs, _updateSpeakerListDecs, _handleLiveStreamingStateUpdatedDecs, _setShareLockDecs, _refreshLocalUserDecs, _ref;
+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; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
@@ -105,7 +131,8 @@ var _W = /*#__PURE__*/new WeakMap();
 var _X = /*#__PURE__*/new WeakMap();
 var _Y = /*#__PURE__*/new WeakMap();
 var _Z = /*#__PURE__*/new WeakMap();
-_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _handleCheckScreenCapturePermissionDecs = [_mobx.action, _mobx.action.bound], _handleToSettingDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioDecs = [_mobx.action, _mobx.action.bound], _muteLocalAudioDecs = [_mobx.action, _mobx.action.bound], _muteLocalVideoDecs = [_mobx.action, _mobx.action.bound], _handleShareScreenResourceDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _startPreviewDecs = [_mobx.action, _mobx.action.bound], _setShareControlBarActiveDecs = [_mobx.action, _mobx.action.bound], _setCurrentCameraIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setAllowChangeSelfNameDecs = [_mobx.action, _mobx.action.bound], _setAllowChatDecs = [_mobx.action, _mobx.action.bound], _setAllowJoinWithMuteAudioDecs = [_mobx.action, _mobx.action.bound], _setAllowShareScreenDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfVideoDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfAudioDecs = [_mobx.action, _mobx.action.bound], _setLockRoomEnabledDecs = [_mobx.action, _mobx.action.bound], _setWaitingRoomEnabledDecs = [_mobx.action, _mobx.action.bound], _openDialogDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _openControlBarDecs = [_mobx.action, _mobx.action.bound], _setControlBarWindowIdDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _handleScreenCaptureStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _updateCameraListDecs = [_mobx.action, _mobx.action.bound], _updateMicrophoneListDecs = [_mobx.action, _mobx.action.bound], _updateSpeakerListDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setShareLockDecs = [_mobx.action, _mobx.action.bound], _refreshLocalUserDecs = [_mobx.action, _mobx.action.bound], "logger");
+var _a = /*#__PURE__*/new WeakMap();
+_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _sendLocalAudioStateEventDecs = [_mobx.action, _mobx.action.bound], _handleCheckScreenCapturePermissionDecs = [_mobx.action, _mobx.action.bound], _handleToSettingDecs = [_mobx.action, _mobx.action.bound], _muteLocalAudioDecs = [_mobx.action, _mobx.action.bound], _muteLocalVideoDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_mobx.action, _mobx.action.bound], _startPreviewDecs = [_mobx.action, _mobx.action.bound], _setShareControlBarActiveDecs = [_mobx.action, _mobx.action.bound], _setCurrentCameraIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setAllowChangeSelfNameDecs = [_mobx.action, _mobx.action.bound], _setAllowChatDecs = [_mobx.action, _mobx.action.bound], _setAllowJoinWithMuteAudioDecs = [_mobx.action, _mobx.action.bound], _setAllowShareScreenDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfVideoDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfAudioDecs = [_mobx.action, _mobx.action.bound], _setLockRoomEnabledDecs = [_mobx.action, _mobx.action.bound], _openDialogDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _openControlBarDecs = [_mobx.action, _mobx.action.bound], _setControlBarWindowIdDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioDecs = [_mobx.action, _mobx.action.bound], _setWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _handleShareScreenResourceDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleScreenCaptureStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _updateCameraListDecs = [_mobx.action, _mobx.action.bound], _updateMicrophoneListDecs = [_mobx.action, _mobx.action.bound], _updateSpeakerListDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setShareLockDecs = [_mobx.action, _mobx.action.bound], _refreshLocalUserDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   function ShareScreenStore(_ref2) {
     var _this = this,
@@ -116,7 +143,8 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       securityStore = _ref2.securityStore,
       uiEventStore = _ref2.uiEventStore,
       deviceStore = _ref2.deviceStore,
-      deviceStreamStore = _ref2.deviceStreamStore;
+      deviceStreamStore = _ref2.deviceStreamStore,
+      config = _ref2.config;
     (0, _classCallCheck2["default"])(this, ShareScreenStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_disposers", []);
@@ -124,8 +152,10 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_currentShareStreamId", '');
     (0, _defineProperty2["default"])(this, "_connectType", _type5.ConnectType.NONE);
     (0, _defineProperty2["default"])(this, "_removeScreenStreamFailed", false);
+    (0, _defineProperty2["default"])(this, "_isReplaceScreen", false);
+    (0, _defineProperty2["default"])(this, "_previewDom", null);
     (0, _defineProperty2["default"])(this, "_observer", {
-      onScreenCaptureStateUpdated: this._handleScreenCaptureStateUpdated
+      onScreenCaptureStateUpdated: (0, _env.isElectron)() ? this._handleScreenCaptureStateUpdated : this._handleWebScreenCaptureStateUpdated
     });
     (0, _defineProperty2["default"])(this, "_deviceStoreObserver", {
       onCameraListUpdated: this._updateCameraList,
@@ -136,11 +166,11 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       onLiveStreamingStateUpdated: this._handleLiveStreamingStateUpdated
     });
     (0, _defineProperty2["default"])(this, "_uiEventObserver", {
-      onEvent: this.onUiEvent.bind(this)
+      onEvent: this._onUiEvent.bind(this)
     });
     (0, _defineProperty2["default"])(this, "_streamObserver", {
       onStreamsAdded: this._refreshLocalUser.bind(this),
-      onStreamsRemoved: this._refreshLocalUser.bind(this),
+      onStreamsRemoved: this._onStreamRemoved.bind(this),
       onStreamsUpdated: this._refreshLocalUser.bind(this)
     });
     _classPrivateFieldInitSpec(this, _A, _init__shareSelectionDialogId(this, ''));
@@ -165,21 +195,21 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _T, _init_currentSelection(this, ''));
     _classPrivateFieldInitSpec(this, _U, _init_currentSelectionType(this, _type2.AgoraRtcScreenCaptureType.WINDOW));
     _classPrivateFieldInitSpec(this, _V, _init_shareWithAudio(this, false));
-    _classPrivateFieldInitSpec(this, _W, _init_boardOwnerUser(this, null));
+    _classPrivateFieldInitSpec(this, _W, _init_boardOwnerUser(this, undefined));
     _classPrivateFieldInitSpec(this, _X, _init_localUser(this, null));
     _classPrivateFieldInitSpec(this, _Y, _init_localUserRole(this, _type.FcrUserRole.PARTICIPANT));
     _classPrivateFieldInitSpec(this, _Z, _init_title(this, 'Whiteboard'));
+    _classPrivateFieldInitSpec(this, _a, _init_localMicrophoneMute(this, false));
     (0, _defineProperty2["default"])(this, "handleChooseScreen", _init_handleChooseScreen(this, function (id) {
       var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _type2.AgoraRtcScreenCaptureType.WINDOW;
       _this.currentSelection = id;
       _this.currentSelectionType = type;
     }));
+    this._config = config;
     this._roomControl = roomControl;
     this._mediaControl = mediaControl;
     this._streamControl = roomControl.getStreamControl();
     this._userControl = roomControl.getUserControl();
-    this.handleShareScreenResource = this.handleShareScreenResource.bind(this);
-    this.handleStopShare = this.handleStopShare.bind(this);
     this._deviceStore = deviceStore;
     this._deviceStreamStore = deviceStreamStore;
     this._securityStore = securityStore;
@@ -201,9 +231,15 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         });
       }
     });
-    this._roomControl.getWhiteboardControl().addObserver({
-      onBoardActiveInfoUpdated: function onBoardActiveInfoUpdated(isActive) {
-        isActive && _this.closeShareScreenSelection();
+    this._roomControl.getBoardControl().addObserver({
+      onActive: function onActive(ownerId) {
+        _this.handleStopShare();
+        (0, _env.isElectron)() && _this._closeCapture();
+        _this.closeShareScreenSelection();
+        _this.boardOwnerUser = _this._userControl.getUser(ownerId);
+      },
+      onInactive: function onInactive(reason) {
+        _this.boardOwnerUser = undefined;
       }
     });
     this._refreshLocalUser();
@@ -421,6 +457,14 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_Z, this, v);
     }
+  }, {
+    key: "localMicrophoneMute",
+    get: function get() {
+      return _classPrivateFieldGet(_a, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_a, this, v);
+    }
   }, {
     key: "localVideoState",
     get: function get() {
@@ -454,6 +498,12 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     value: function handlerBoardShareStop() {
       this._uiEventStore.sendEvent(_constant.UIAction.CLOSE_WHITEBOARD);
     }
+  }, {
+    key: "sendLocalAudioStateEvent",
+    value: function sendLocalAudioStateEvent() {
+      this.muteLocalAudio(false);
+      return;
+    }
   }, {
     key: "release",
     value: function release() {
@@ -475,55 +525,10 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     value: function handleToSetting() {
       this.showConfirm = false;
     }
-  }, {
-    key: "setShareWithAudio",
-    value: function setShareWithAudio(withAudio) {
-      var _this2 = this;
-      var confirmAudioShareWhileMicOff = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      this.withAudio = withAudio;
-      if (confirmAudioShareWhileMicOff && withAudio && !this.localAudioState) {
-        var dialogKey = this._uiEventStore.openConfirmDialog({
-          title: (0, _i18n.transI18n)('fmt_screenshare_tips_share_audio_micon'),
-          content: (0, _i18n.transI18n)('fmt_screenshare_tips_share_audio_turnonmic'),
-          cancelText: (0, _i18n.transI18n)('fmt_screenshare_button_giveup_shareaudio'),
-          okText: (0, _i18n.transI18n)('fmt_screenshare_button_confirm_shareaudio'),
-          cancelButtonProps: {
-            type: 'gray',
-            shape: 'rounded'
-          },
-          okButtonProps: {
-            type: 'primary',
-            shape: 'rounded'
-          },
-          closeIcon: null,
-          closable: false,
-          onOk: function onOk() {
-            // 开启麦克风
-            _this2.muteLocalAudio(false);
-            _this2.setShareWithAudio(withAudio, false);
-            _this2._uiEventStore.closeDialog(dialogKey);
-          },
-          onCancel: function onCancel() {
-            (0, _rendererEvent.sendEvent)({
-              action: _constant.RendererEventAction.SET_SHARE_WITH_AUDIO_CONTROL_BAR,
-              payload: {
-                withAudio: false
-              }
-            });
-            _this2._uiEventStore.closeDialog(dialogKey);
-          }
-        });
-        return;
-      }
-      this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, this._currentShareStreamId, {
-        audioPrivilege: withAudio ? _type.FcrStreamPrivilegeOperation.HAS_PRIVILEGE : _type.FcrStreamPrivilegeOperation.NOPRIVILEGE,
-        videoPrivilege: _type.FcrStreamPrivilegeOperation.NOOPERATION
-      }));
-    }
   }, {
     key: "muteLocalAudio",
     value: function () {
-      var _muteLocalAudio = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(mute, confirmAudioShareWhileMicOff) {
+      var _muteLocalAudio = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(mute, confirmAudioShareWhileMicOff) {
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -543,7 +548,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "muteLocalVideo",
     value: function () {
-      var _muteLocalVideo = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(mute) {
+      var _muteLocalVideo = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(mute) {
         return _regenerator["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -561,78 +566,219 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       return muteLocalVideo;
     }()
   }, {
-    key: "onUiEvent",
-    value: function () {
-      var _onUiEvent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(event, params) {
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.t0 = event;
-              _context3.next = _context3.t0 === _constant.UIAction.START_SHARE_SCREEN ? 3 : _context3.t0 === _constant.UIAction.STOP_SHARE_SCREEN ? 5 : _context3.t0 === _constant.UIAction.SHOW_TOAST ? 7 : _context3.t0 === _constant.UIAction.STOP_SCREEN_CAPTURE ? 9 : _context3.t0 === _constant.UIAction.ENGINE_RECONNECTED ? 11 : _context3.t0 === _constant.UIAction.WHITEBOARD_CHANGED ? 13 : 15;
-              break;
-            case 3:
-              this.handleShareScreenResource();
-              return _context3.abrupt("break", 15);
-            case 5:
-              this.handleStopShare();
-              return _context3.abrupt("break", 15);
-            case 7:
-              if ((0, _env.isElectron)() && this.shareControlBarActive) {
-                (0, _rendererEvent.sendEvent)({
-                  action: _constant.RendererEventAction.SHOW_TOAST,
-                  payload: params
-                });
-              }
-              return _context3.abrupt("break", 15);
-            case 9:
-              this._closeCapture();
-              return _context3.abrupt("break", 15);
-            case 11:
-              if (this._removeScreenStreamFailed) {
-                this._removeScreenStream();
-                this._removeScreenStreamFailed = false;
-              }
-              return _context3.abrupt("break", 15);
-            case 13:
-              if (params.action === _type7.WhiteboardBaseEvents.SET_OWNER_USER_ID) {
-                this.boardOwnerUser = this._userControl.getUser(params.payload);
-              }
-              return _context3.abrupt("break", 15);
-            case 15:
-            case "end":
-              return _context3.stop();
+    key: "handleShareStartWithAudio",
+    value: function handleShareStartWithAudio() {
+      var isMac = navigator.userAgent.indexOf('Mac') > -1;
+      this._shareAudioTrack = this._mediaControl.getLoopbackTrack(isMac ? 'BlackHole 2ch' : '');
+      if (this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.CAPTURING_LOOPBACK)) {
+        this._shareAudioTrack.start();
+      }
+    }
+  }, {
+    key: "handleShareStopWithAudio",
+    value: function handleShareStopWithAudio() {
+      if (!this._shareAudioTrack) {
+        return;
+      }
+      if (this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.CAPTURING_LOOPBACK)) {
+        this._shareAudioTrack.stop();
+      }
+    }
+  }, {
+    key: "startPreview",
+    value: function startPreview(dom) {
+      this._previewDom = dom;
+      if (dom) {
+        var _this$_screenTrack;
+        (_this$_screenTrack = this._screenTrack) === null || _this$_screenTrack === void 0 || _this$_screenTrack.startPreview({
+          renderMode: 1,
+          isMirror: false
+        }, dom);
+      } else {
+        var _this$_screenTrack2;
+        (_this$_screenTrack2 = this._screenTrack) === null || _this$_screenTrack2 === void 0 || _this$_screenTrack2.stopPreview(dom);
+        this._previewDom = null;
+      }
+    }
+  }, {
+    key: "setShareControlBarActive",
+    value: function setShareControlBarActive(active) {
+      this.shareControlBarActive = active;
+    }
+  }, {
+    key: "setCurrentCameraId",
+    value: function setCurrentCameraId(deviceId) {
+      this._deviceStore.setCameraId(deviceId);
+    }
+  }, {
+    key: "setCurrentSpeakerId",
+    value: function setCurrentSpeakerId(deviceId) {
+      this._deviceStore.setSpeakerId(deviceId);
+    }
+  }, {
+    key: "setCurrentMicrophoneId",
+    value: function setCurrentMicrophoneId(deviceId) {
+      this._deviceStore.setMicrophoneId(deviceId);
+    }
+
+    // security
+  }, {
+    key: "setAllowChangeSelfName",
+    value: function setAllowChangeSelfName(allow) {
+      this._securityStore.setAllowChangeSelfName();
+    }
+  }, {
+    key: "setAllowChat",
+    value: function setAllowChat(allow) {
+      this._securityStore.setAllowChat(allow);
+    }
+  }, {
+    key: "setAllowJoinWithMuteAudio",
+    value: function setAllowJoinWithMuteAudio(allow) {
+      this._securityStore.setAllowJoinWithMuteAudio(allow);
+    }
+  }, {
+    key: "setAllowShareScreen",
+    value: function setAllowShareScreen(allow) {
+      this._securityStore.setAllowShareScreen(allow);
+    }
+  }, {
+    key: "setAllowUnmuteSelfVideo",
+    value: function setAllowUnmuteSelfVideo(allow) {
+      this._securityStore.setAllowUnmuteSelfVideo(allow);
+    }
+  }, {
+    key: "setAllowUnmuteSelfAudio",
+    value: function setAllowUnmuteSelfAudio(allow) {
+      this._securityStore.setAllowUnmuteSelfAudio(allow);
+    }
+  }, {
+    key: "setLockRoomEnabled",
+    value: function setLockRoomEnabled(lock) {
+      this._securityStore.setLockRoomEnabled(lock);
+    }
+
+    // @action.bound
+    // setWaitingRoomEnabled(allow: boolean) {
+    //   this._securityStore.setWaitingRoomEnabled();
+    // }
+  }, {
+    key: "openDialog",
+    value: function openDialog(item) {
+      this._uiEventStore.openDialog(item, '', {
+        controlBarWindowId: this._controlBarWindowId
+      });
+    }
+  }, {
+    key: "closeDialog",
+    value: function closeDialog(item) {
+      this._uiEventStore.closeDialog("".concat(item, "_").concat(item));
+    }
+  }, {
+    key: "openLiveStreamingDialog",
+    value: function openLiveStreamingDialog() {
+      this._uiEventStore.openLiveStreamingDialog();
+    }
+  }, {
+    key: "closeShareScreenSelection",
+    value: function closeShareScreenSelection() {
+      this._uiEventStore.closeDialog(this._shareSelectionDialogId);
+      this._shareSelectionDialogId = '';
+    }
+  }, {
+    key: "openControlBar",
+    value: function openControlBar() {
+      this._controlBarDialogId = this._uiEventStore.openDialog(_constant.DialogKey.CONTROL_BAR);
+    }
+  }, {
+    key: "setControlBarWindowId",
+    value: function setControlBarWindowId(id) {
+      this._controlBarWindowId = id;
+    }
+  }, {
+    key: "openVideoWindowDialog",
+    value: function openVideoWindowDialog() {
+      this._videoWindowDialogId = this._uiEventStore.openDialog(_constant.DialogKey.VIDEO_WINDOW);
+    }
+  }, {
+    key: "closeControlBar",
+    value: function closeControlBar() {
+      if (!this._controlBarDialogId) return;
+      this.setControlBarWindowId(-1);
+      this._uiEventStore.closeDialog(this._controlBarDialogId);
+      this._controlBarDialogId = '';
+    }
+  }, {
+    key: "closeVideoWindowDialog",
+    value: function closeVideoWindowDialog() {
+      this._uiEventStore.closeDialog(this._videoWindowDialogId);
+      this._videoWindowDialogId = '';
+    }
+  }, {
+    key: "setShareWithAudio",
+    value: function setShareWithAudio(withAudio) {
+      var _this2 = this;
+      var confirmAudioShareWhileMicOff = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var dialogKey = !this.localAudioState && withAudio && this._uiEventStore.openConfirmDialog({
+        title: (0, _i18n.transI18n)('fmt_screenshare_tips_share_audio_micon'),
+        content: (0, _i18n.transI18n)('fmt_screenshare_tips_share_audio_turnonmic'),
+        onOk: function onOk() {
+          _this2._deviceStore.setMicrophoneEnabled(true);
+          _this2._setWithAudioState(withAudio);
+          if (withAudio) {
+            _this2.handleShareStartWithAudio();
+          } else {
+            _this2.handleShareStopWithAudio();
           }
-        }, _callee3, this);
-      }));
-      function onUiEvent(_x4, _x5) {
-        return _onUiEvent.apply(this, arguments);
+          dialogKey && _this2._uiEventStore.closeDialog(dialogKey);
+        },
+        onCancel: function onCancel() {
+          dialogKey && _this2._uiEventStore.closeDialog(dialogKey);
+        },
+        okText: (0, _i18n.transI18n)('fmt_screenshare_continue_share')
+      });
+      if (dialogKey) return;
+      this._setWithAudioState(withAudio);
+      if (withAudio) {
+        this.handleShareStartWithAudio();
+      } else {
+        this.handleShareStopWithAudio();
       }
-      return onUiEvent;
-    }()
+    }
+  }, {
+    key: "_setWithAudioState",
+    value: function _setWithAudioState(withAudio) {
+      this.withAudio = withAudio;
+      this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, this._currentShareStreamId, {
+        audioPrivilege: withAudio ? _agoraEduCore.FcrStreamPrivilegeOperation.HAS_PRIVILEGE : _agoraEduCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
+        videoPrivilege: _agoraEduCore.FcrStreamPrivilegeOperation.NOOPERATION
+      }));
+    }
   }, {
     key: "handleShareScreenResource",
     value: function () {
-      var _handleShareScreenResource = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+      var _handleShareScreenResource = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
         var windowList, displayList, NORMAL_HEIGHT, WINDOWS_HEIGHT, NORMAL_WIDTH, shareSelectionHeight, _window$runtime$brows, mainWidowX, mainWindowY, mainWidth, mainHeight, offsetForToast;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               this._removeReactions();
               this.showConfirm = false;
-              if (!this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.ENUMERATING_SCREEN)) {
-                _context4.next = 20;
+              this._addReactions();
+              if (!(this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.ENUMERATING_SCREEN) && (0, _env.isElectron)())) {
+                _context3.next = 20;
                 break;
               }
-              _context4.next = 5;
+              _context3.next = 6;
               return this._mediaControl.getWindowList();
-            case 5:
-              windowList = _context4.sent.filter(function (item) {
+            case 6:
+              windowList = _context3.sent.filter(function (item) {
                 return item.title !== 'AgoraHighLighter' || item.isCurrent;
               });
-              _context4.next = 8;
+              _context3.next = 9;
               return this._mediaControl.getDisplayList();
-            case 8:
-              displayList = _context4.sent;
+            case 9:
+              displayList = _context3.sent;
               this.applicationCaptureSources = windowList.filter(function (item) {
                 return !item.isCurrent;
               });
@@ -653,7 +799,6 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               shareSelectionHeight = !(0, _platform.isWindows)() ? NORMAL_HEIGHT : NORMAL_HEIGHT + WINDOWS_HEIGHT;
               _window$runtime$brows = window.runtime.browserWindow.getBounds(), mainWidowX = _window$runtime$brows.x, mainWindowY = _window$runtime$brows.y, mainWidth = _window$runtime$brows.width, mainHeight = _window$runtime$brows.height;
               offsetForToast = 50;
-              this._addReactions();
               this._shareSelectionDialogId = this._uiEventStore.openDialog(_constant.DialogKey.SHARE_SCREEN, 'screen-selection', {
                 frame: false,
                 titleBarStyle: 'hidden',
@@ -663,16 +808,17 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                 height: shareSelectionHeight,
                 x: mainWidowX + Math.floor(mainWidth / 2) - Math.floor(NORMAL_WIDTH / 2),
                 y: mainWindowY + Math.floor(mainHeight / 2) - Math.floor(shareSelectionHeight / 2) + offsetForToast,
-                controlBarDialogId: this._controlBarDialogId
+                controlBarDialogId: this._controlBarDialogId,
+                transparent: true
               });
-              return _context4.abrupt("return");
+              return _context3.abrupt("return");
             case 20:
               this.handleStartShare();
             case 21:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4, this);
+        }, _callee3, this);
       }));
       function handleShareScreenResource() {
         return _handleShareScreenResource.apply(this, arguments);
@@ -682,225 +828,179 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handleStartShare",
     value: function () {
-      var _handleStartShare = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-        var _this3 = this;
+      var _handleStartShare = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
         var id,
           type,
           withAudio,
           audioProcessingChannel,
+          excludeWindows,
           _this$_localUser4,
           _this$_localUser5,
-          res,
-          streamUuid,
           screenTrack,
-          excludeWindows,
-          _args5 = arguments;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+          _args4 = arguments;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              id = _args5.length > 0 && _args5[0] !== undefined ? _args5[0] : 'default';
-              type = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : _type2.AgoraRtcScreenCaptureType.DISPLAY;
-              withAudio = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : false;
-              audioProcessingChannel = _args5.length > 3 && _args5[3] !== undefined ? _args5[3] : _shareAudio.AudioProcessingChannel.MONO;
-              this._uiEventStore.sendEvent(_constant.UIAction.SET_CURRENT_SHARE_SCREEN, {
-                id: id,
-                type: type
-              });
+              id = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : 'default';
+              type = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : _type2.AgoraRtcScreenCaptureType.DISPLAY;
+              withAudio = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : false;
+              audioProcessingChannel = _args4.length > 3 && _args4[3] !== undefined ? _args4[3] : _shareAudio.AudioProcessingChannel.MONO;
+              excludeWindows = [];
+              withAudio = (0, _env.isElectron)() ? withAudio : true; // electron 取 withAudio，web 默认为 true
+              if ((0, _env.isElectron)()) this.closeShareScreenSelection();
               if (!(id.split('-')[0] === 'whiteboard')) {
-                _context5.next = 10;
+                _context4.next = 12;
                 break;
               }
               if (!(!this._securityStore.hasStartBoardPermission() && !((_this$_localUser4 = this._localUser) !== null && _this$_localUser4 !== void 0 && _this$_localUser4.isHost) && !((_this$_localUser5 = this._localUser) !== null && _this$_localUser5 !== void 0 && _this$_localUser5.isCoHost))) {
-                _context5.next = 8;
+                _context4.next = 10;
                 break;
               }
-              return _context5.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
-            case 8:
-              this._uiEventStore.sendEvent(_constant.UIAction.OPEN_WHITEBOARD);
-              return _context5.abrupt("return");
+              return _context4.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
             case 10:
-              if ((0, _env.isElectron)()) {
-                this.closeShareScreenSelection();
+              this._uiEventStore.sendEvent(_constant.UIAction.OPEN_WHITEBOARD);
+              return _context4.abrupt("return");
+            case 12:
+              if (!(this.screenSharingState === _agoraEduCore.FcrMediaSourceState.STARTED)) {
+                _context4.next = 16;
+                break;
               }
-              _context5.t0 = this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.ENUMERATING_SCREEN);
-              if (!_context5.t0) {
-                _context5.next = 16;
+              this.handleReplaceScreen(id, type, withAudio, audioProcessingChannel);
+              this._setShareLock(false);
+              return _context4.abrupt("return");
+            case 16:
+              this._uiEventStore.sendEvent(_constant.UIAction.SET_CURRENT_SHARE_SCREEN, {
+                id: id,
+                type: type
+              });
+              _context4.t0 = this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.ENUMERATING_SCREEN);
+              if (!_context4.t0) {
+                _context4.next = 22;
                 break;
               }
-              _context5.next = 15;
+              _context4.next = 21;
               return this._validateShareStart(id, type);
-            case 15:
-              _context5.t0 = !_context5.sent;
-            case 16:
-              if (!_context5.t0) {
-                _context5.next = 18;
+            case 21:
+              _context4.t0 = !_context4.sent;
+            case 22:
+              if (!_context4.t0) {
+                _context4.next = 24;
                 break;
               }
-              return _context5.abrupt("return");
-            case 18:
+              return _context4.abrupt("return");
+            case 24:
               if (!this._shareLocked) {
-                _context5.next = 21;
+                _context4.next = 26;
                 break;
               }
-              this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error');
-              return _context5.abrupt("return");
-            case 21:
+              return _context4.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error'));
+            case 26:
               this._setShareLock(true);
               this.currentShareId = id;
               this.currentShareType = type;
               this.withAudio = withAudio;
-
-              // if (!this._hasScreenSharePermission() || !(await this._checkScreenSharingPreemption())) {
+              if (withAudio) this.handleShareStartWithAudio();
               if (this._hasScreenSharePermission()) {
-                _context5.next = 28;
-                break;
-              }
-              this._setShareLock(false);
-              return _context5.abrupt("return");
-            case 28:
-              if (!(this.screenSharingState === _agoraEduCore.FcrMediaSourceState.STARTED)) {
-                _context5.next = 32;
+                _context4.next = 34;
                 break;
               }
-              this.handleReplaceScreen(id, type, withAudio, audioProcessingChannel);
               this._setShareLock(false);
-              return _context5.abrupt("return");
-            case 32:
-              this.logger.debug('performance: createScreenStream ', new Date().getTime());
-              _context5.next = 35;
-              return this._streamControl.createScreenStream({
-                streamType: withAudio ? _type3.AgoraRteMediaStreamType.BOTH : _type3.AgoraRteMediaStreamType.VIDEO
-              })["finally"](function () {
-                _this3._setShareLock(false);
-              });
-            case 35:
-              res = _context5.sent;
-              streamUuid = res.data.streamUuid;
-              this.logger.debug('performance: createScreenStream end ', new Date().getTime());
-              this._currentShareStreamId = streamUuid;
-              if (withAudio) {
-                this.handleShareStartWithAudio();
-              }
-              screenTrack = this._mediaControl.getScreenVideoTrack(id);
-              this._screenTrack = screenTrack;
-              excludeWindows = [];
+              return _context4.abrupt("return");
+            case 34:
+              this.openControlBar();
               if (!(0, _env.isElectron)()) {
-                _context5.next = 51;
+                _context4.next = 43;
                 break;
               }
+              _context4.next = 38;
+              return this._createScreenStream();
+            case 38:
               window.runtime.browserWindow.setFullScreen(false);
-              this.logger.debug('performance: open control bar ', new Date().getTime());
-              this.openControlBar();
               this.openVideoWindowDialog();
-              _context5.next = 50;
+              _context4.next = 42;
               return this._getExcludeWindows();
-            case 50:
-              excludeWindows = _context5.sent;
-            case 51:
-              screenTrack.addObserver(this._observer);
-              screenTrack.start(type, {
-                // preview: true,
-                withAudio: withAudio,
-                excludeWindows: excludeWindows
-              });
-            case 53:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5, this);
-      }));
-      function handleStartShare() {
-        return _handleStartShare.apply(this, arguments);
-      }
-      return handleStartShare;
-    }()
-  }, {
-    key: "handleShareStartWithAudio",
-    value: function handleShareStartWithAudio() {
-      var isMac = navigator.userAgent.indexOf('Mac') > -1;
-      this._shareAudioTrack = this._mediaControl.getLoopbackAudioTrack(isMac ? 'BlackHole 2ch' : '');
-      if (this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.CAPTURING_LOOPBACK)) {
-        this._shareAudioTrack.start();
-      }
-    }
-  }, {
-    key: "handleShareStopWithAudio",
-    value: function handleShareStopWithAudio() {
-      if (!this._shareAudioTrack) {
-        return;
-      }
-      if (this._mediaControl.isCapabilitySupported(_agoraEduCore.FcrCapability.CAPTURING_LOOPBACK)) {
-        this._shareAudioTrack.stop();
+            case 42:
+              excludeWindows = _context4.sent;
+            case 43:
+              screenTrack = this._mediaControl.getScreenTrack(id);
+              this._screenTrack = screenTrack;
+              screenTrack.addObserver(this._observer);
+              screenTrack.start(type, {
+                // preview: true,
+                withAudio: withAudio,
+                excludeWindows: excludeWindows
+              });
+            case 47:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function handleStartShare() {
+        return _handleStartShare.apply(this, arguments);
       }
-    }
-  }, {
-    key: "handleStopShare",
-    value: function handleStopShare() {
-      var _this$_screenTrack, _this$_screenTrack2;
-      this._closeCapture();
-      this._removeScreenStream();
-      (_this$_screenTrack = this._screenTrack) === null || _this$_screenTrack === void 0 || _this$_screenTrack.stopPreview();
-      (_this$_screenTrack2 = this._screenTrack) === null || _this$_screenTrack2 === void 0 || _this$_screenTrack2.stop();
-      this.currentShareId = '';
-      this._removeReactions();
-    }
+      return handleStartShare;
+    }()
   }, {
     key: "handleReplaceScreen",
     value: function handleReplaceScreen() {
-      var _this4 = this;
+      var _this3 = this;
       var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
       var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _type2.AgoraRtcScreenCaptureType.WINDOW;
       var withAudio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var audioProcessingChannel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _shareAudio.AudioProcessingChannel.MONO;
+      withAudio = (0, _env.isElectron)() ? withAudio : true; // electron 取 withAudio，web 默认为 true
       if (this.withAudio && !withAudio) {
         this.handleShareStopWithAudio();
       }
       this.withAudio = withAudio;
       var screenTrack = this._screenTrack;
+      this._isReplaceScreen = true;
       if (screenTrack) {
         var observer = {
           onScreenCaptureStateUpdated: function () {
-            var _onScreenCaptureStateUpdated = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(sourceId, state) {
+            var _onScreenCaptureStateUpdated = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(sourceId, state) {
               var newScreenTrack, excludeWindows;
-              return _regenerator["default"].wrap(function _callee6$(_context6) {
-                while (1) switch (_context6.prev = _context6.next) {
+              return _regenerator["default"].wrap(function _callee5$(_context5) {
+                while (1) switch (_context5.prev = _context5.next) {
                   case 0:
                     if (!(state === _agoraEduCore.FcrMediaSourceState.STOPPED)) {
-                      _context6.next = 17;
+                      _context5.next = 18;
                       break;
                     }
-                    screenTrack.removeObserver(_this4._observer);
+                    _this3._initToolbar();
+                    screenTrack.removeObserver(_this3._observer);
                     screenTrack.removeObserver(observer);
-                    newScreenTrack = _this4._mediaControl.getScreenVideoTrack(id);
+                    newScreenTrack = _this3._mediaControl.getScreenTrack(id);
                     if (withAudio) {
-                      _this4.handleShareStartWithAudio();
+                      _this3.handleShareStartWithAudio();
                     }
-                    _this4._screenTrack = newScreenTrack;
+                    _this3._screenTrack = newScreenTrack;
                     excludeWindows = [];
                     if (!(0, _env.isElectron)()) {
-                      _context6.next = 11;
+                      _context5.next = 12;
                       break;
                     }
-                    _context6.next = 10;
-                    return _this4._getExcludeWindows();
-                  case 10:
-                    excludeWindows = _context6.sent;
+                    _context5.next = 11;
+                    return _this3._getExcludeWindows();
                   case 11:
-                    newScreenTrack.addObserver(_this4._observer);
+                    excludeWindows = _context5.sent;
+                  case 12:
+                    newScreenTrack.addObserver(_this3._observer);
                     newScreenTrack.start(type, {
                       // preview: true,
                       withAudio: withAudio,
                       excludeWindows: excludeWindows
                     });
-                    if (_this4._currentShareStreamId) {
-                      _this4._streamControl.bindLocalStreams([{
-                        streamId: _this4._currentShareStreamId,
+                    if (_this3._currentShareStreamId) {
+                      _this3._streamControl.bindLocalStreams([{
+                        streamId: _this3._currentShareStreamId,
                         audioSourceId: 'default',
                         videoSourceId: id
                       }]);
                     }
-                    _this4.currentShareId = id;
-                    _this4.currentShareType = type;
+                    _this3.currentShareId = id;
+                    _this3.currentShareType = type;
                     (0, _rendererEvent.sendEvent)({
                       action: _constant.RendererEventAction.START_SHARE_SCREEN,
                       payload: {
@@ -909,13 +1009,13 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                         withAudio: withAudio
                       }
                     });
-                  case 17:
+                  case 18:
                   case "end":
-                    return _context6.stop();
+                    return _context5.stop();
                 }
-              }, _callee6);
+              }, _callee5);
             }));
-            function onScreenCaptureStateUpdated(_x6, _x7) {
+            function onScreenCaptureStateUpdated(_x4, _x5) {
               return _onScreenCaptureStateUpdated.apply(this, arguments);
             }
             return onScreenCaptureStateUpdated;
@@ -923,163 +1023,112 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         };
         screenTrack.addObserver(observer);
         screenTrack.stop();
-        screenTrack.stopPreview();
-      }
-    }
-  }, {
-    key: "startPreview",
-    value: function startPreview(dom) {
-      if (dom) {
-        var _this$_screenTrack3;
-        (_this$_screenTrack3 = this._screenTrack) === null || _this$_screenTrack3 === void 0 || _this$_screenTrack3.startPreview({
-          renderMode: 1,
-          isMirror: false
-        }, dom);
-      } else {
-        var _this$_screenTrack4;
-        (_this$_screenTrack4 = this._screenTrack) === null || _this$_screenTrack4 === void 0 || _this$_screenTrack4.stopPreview();
+        this._previewDom && screenTrack.stopPreview(this._previewDom);
       }
     }
   }, {
-    key: "setShareControlBarActive",
-    value: function setShareControlBarActive(active) {
-      this.shareControlBarActive = active;
-    }
-  }, {
-    key: "setCurrentCameraId",
-    value: function setCurrentCameraId(deviceId) {
-      this._deviceStore.setCameraId(deviceId);
-    }
-  }, {
-    key: "setCurrentSpeakerId",
-    value: function setCurrentSpeakerId(deviceId) {
-      this._deviceStore.setSpeakerId(deviceId);
-    }
-  }, {
-    key: "setCurrentMicrophoneId",
-    value: function setCurrentMicrophoneId(deviceId) {
-      this._deviceStore.setMicrophoneId(deviceId);
-    }
-
-    // security
-  }, {
-    key: "setAllowChangeSelfName",
-    value: function setAllowChangeSelfName(allow) {
-      this._securityStore.setAllowChangeSelfName();
-    }
-  }, {
-    key: "setAllowChat",
-    value: function setAllowChat(allow) {
-      this._securityStore.setAllowChat(allow);
-    }
-  }, {
-    key: "setAllowJoinWithMuteAudio",
-    value: function setAllowJoinWithMuteAudio(allow) {
-      this._securityStore.setAllowJoinWithMuteAudio(allow);
-    }
-  }, {
-    key: "setAllowShareScreen",
-    value: function setAllowShareScreen(allow) {
-      this._securityStore.setAllowShareScreen(allow);
-    }
-  }, {
-    key: "setAllowUnmuteSelfVideo",
-    value: function setAllowUnmuteSelfVideo(allow) {
-      this._securityStore.setAllowUnmuteSelfVideo(allow);
-    }
-  }, {
-    key: "setAllowUnmuteSelfAudio",
-    value: function setAllowUnmuteSelfAudio(allow) {
-      this._securityStore.setAllowUnmuteSelfAudio(allow);
-    }
-  }, {
-    key: "setLockRoomEnabled",
-    value: function setLockRoomEnabled(lock) {
-      this._securityStore.setLockRoomEnabled(lock);
-    }
-  }, {
-    key: "setWaitingRoomEnabled",
-    value: function setWaitingRoomEnabled(allow) {
-      this._securityStore.setWaitingRoomEnabled();
-    }
-  }, {
-    key: "openDialog",
-    value: function openDialog(item) {
-      this._uiEventStore.openDialog(item, '', {
-        controlBarWindowId: this._controlBarWindowId
-      });
-    }
-  }, {
-    key: "closeDialog",
-    value: function closeDialog(item) {
-      this._uiEventStore.closeDialog("".concat(item, "_").concat(item));
-    }
-  }, {
-    key: "openLiveStreamingDialog",
-    value: function openLiveStreamingDialog() {
-      this._uiEventStore.openLiveStreamingDialog();
-    }
-  }, {
-    key: "closeShareScreenSelection",
-    value: function closeShareScreenSelection() {
-      this._uiEventStore.closeDialog(this._shareSelectionDialogId);
-      this._shareSelectionDialogId = '';
-    }
-  }, {
-    key: "openControlBar",
-    value: function openControlBar() {
-      this._controlBarDialogId = this._uiEventStore.openDialog(_constant.DialogKey.CONTROL_BAR);
-    }
-  }, {
-    key: "setControlBarWindowId",
-    value: function setControlBarWindowId(id) {
-      this._controlBarWindowId = id;
-    }
-  }, {
-    key: "openVideoWindowDialog",
-    value: function openVideoWindowDialog() {
-      this._videoWindowDialogId = this._uiEventStore.openDialog(_constant.DialogKey.VIDEO_WINDOW);
+    key: "handleStopShare",
+    value: function handleStopShare() {
+      var _this$_screenTrack3, _this$_screenTrack4;
+      this._closeCapture();
+      this._removeScreenStream();
+      this._previewDom && ((_this$_screenTrack3 = this._screenTrack) === null || _this$_screenTrack3 === void 0 ? void 0 : _this$_screenTrack3.stopPreview(this._previewDom));
+      (_this$_screenTrack4 = this._screenTrack) === null || _this$_screenTrack4 === void 0 || _this$_screenTrack4.stop();
+      this.currentShareId = '';
+      this._removeReactions();
     }
   }, {
-    key: "closeControlBar",
-    value: function closeControlBar() {
-      this.setControlBarWindowId(-1);
-      this._uiEventStore.closeDialog(this._controlBarDialogId);
-      this._controlBarDialogId = '';
-    }
+    key: "_createScreenStream",
+    value: function () {
+      var _createScreenStream2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+        var _this4 = this;
+        var streamType, streamId;
+        return _regenerator["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              this.logger.debug('performance: createScreenStream ', new Date().getTime());
+              streamType = this.withAudio ? _type3.AgoraRteMediaStreamType.BOTH : _type3.AgoraRteMediaStreamType.VIDEO;
+              _context6.next = 4;
+              return this._streamControl.addLocalScreenStream({
+                streamType: streamType
+              })["finally"](function () {
+                _this4._setShareLock(false);
+              });
+            case 4:
+              streamId = _context6.sent;
+              this.logger.debug('performance: createScreenStream end ', new Date().getTime());
+              this._currentShareStreamId = streamId;
+            case 7:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, this);
+      }));
+      function _createScreenStream() {
+        return _createScreenStream2.apply(this, arguments);
+      }
+      return _createScreenStream;
+    }()
   }, {
-    key: "closeVideoWindowDialog",
-    value: function closeVideoWindowDialog() {
-      this._uiEventStore.closeDialog(this._videoWindowDialogId);
-      this._videoWindowDialogId = '';
-    }
+    key: "_handleWebScreenCaptureStateUpdated",
+    value: function () {
+      var _handleWebScreenCaptureStateUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(sourceId, state) {
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              this.screenSharingState = state;
+              if (state === _agoraEduCore.FcrMediaSourceState.STARTED) {
+                this._setShareLock(true);
+                this._createScreenStream();
+                this._isReplaceScreen = false;
+              }
+              if (state === _agoraEduCore.FcrMediaSourceState.STOPPED) {
+                this._setShareLock(false);
+                !this._isReplaceScreen && this.handleStopShare();
+                this._isReplaceScreen = false;
+              }
+              if (state === _agoraEduCore.FcrMediaSourceState.ERROR) {
+                this._setShareLock(false);
+                this._isReplaceScreen = false;
+              }
+            case 4:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7, this);
+      }));
+      function _handleWebScreenCaptureStateUpdated(_x6, _x7) {
+        return _handleWebScreenCaptureStateUpdated2.apply(this, arguments);
+      }
+      return _handleWebScreenCaptureStateUpdated;
+    }()
   }, {
     key: "_handleScreenCaptureStateUpdated",
     value: function () {
-      var _handleScreenCaptureStateUpdated2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(sourceId, state) {
+      var _handleScreenCaptureStateUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(sourceId, state) {
         var _this$_screenTrack5, _this$_screenTrack6, _this$_screenTrack7;
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regenerator["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               if (state === _agoraEduCore.FcrMediaSourceState.STOPPED) {
-                (_this$_screenTrack5 = this._screenTrack) === null || _this$_screenTrack5 === void 0 || _this$_screenTrack5.stopPreview();
+                this._previewDom && ((_this$_screenTrack5 = this._screenTrack) === null || _this$_screenTrack5 === void 0 ? void 0 : _this$_screenTrack5.stopPreview(this._previewDom));
                 (_this$_screenTrack6 = this._screenTrack) === null || _this$_screenTrack6 === void 0 || _this$_screenTrack6.removeObserver(this._observer);
                 (_this$_screenTrack7 = this._screenTrack) === null || _this$_screenTrack7 === void 0 || _this$_screenTrack7.stop();
               }
               if (!(state === _agoraEduCore.FcrMediaSourceState.ERROR)) {
-                _context7.next = 5;
+                _context8.next = 5;
                 break;
               }
               this.handleStopShare();
               this.screenSharingState = _agoraEduCore.FcrMediaSourceState.STOPPED;
-              return _context7.abrupt("return");
+              return _context8.abrupt("return");
             case 5:
               this.screenSharingState = state;
             case 6:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, this);
+        }, _callee8, this);
       }));
       function _handleScreenCaptureStateUpdated(_x8, _x9) {
         return _handleScreenCaptureStateUpdated2.apply(this, arguments);
@@ -1133,9 +1182,9 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       (0, _rendererEvent.sendEvent)({
         action: _constant.RendererEventAction.CHANGE_LIVE_STREAMING_INFO,
         payload: {
-          videoSteamingUrl: liveStreamingConfig.pushStreamingUrl,
-          videoStreamingKey: liveStreamingConfig.pushStreamingKey,
-          playUrl: liveStreamingConfig.pullStreamingUrl
+          videoSteamingUrl: liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl,
+          videoStreamingKey: liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingKey,
+          playUrl: liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pullStreamingUrl
         }
       });
     }
@@ -1156,35 +1205,35 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_removeScreenStream",
     value: function () {
-      var _removeScreenStream2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-        var streamId;
-        return _regenerator["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+      var _removeScreenStream2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
+        var streamId, _this$_streamControl;
+        return _regenerator["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               streamId = this._currentShareStreamId;
               if (streamId) {
-                _context8.next = 3;
+                _context9.next = 3;
                 break;
               }
-              return _context8.abrupt("return");
+              return _context9.abrupt("return");
             case 3:
-              _context8.prev = 3;
-              _context8.next = 6;
-              return this._streamControl.removeScreenStream();
+              _context9.prev = 3;
+              _context9.next = 6;
+              return (_this$_streamControl = this._streamControl) === null || _this$_streamControl === void 0 ? void 0 : _this$_streamControl.removeScreenStream();
             case 6:
               this._currentShareStreamId = '';
-              _context8.next = 13;
+              _context9.next = 13;
               break;
             case 9:
-              _context8.prev = 9;
-              _context8.t0 = _context8["catch"](3);
+              _context9.prev = 9;
+              _context9.t0 = _context9["catch"](3);
               this._removeScreenStreamFailed = true;
-              this.logger.error('removeScreenStream error', _context8.t0);
+              this.logger.error('removeScreenStream error', _context9.t0);
             case 13:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this, [[3, 9]]);
+        }, _callee9, this, [[3, 9]]);
       }));
       function _removeScreenStream() {
         return _removeScreenStream2.apply(this, arguments);
@@ -1207,28 +1256,31 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_refreshLocalUser",
     value: function _refreshLocalUser(_, events) {
-      var _isReplaced$operatorU, _this$_localUser6, _userControl$getLocal, _userControl$getLocal2, _userControl$getLocal3, _userControl$getLocal4;
+      var _isReplaced$operatorU, _this$_localUser6;
       var isReplaced = events && events.find(function (event) {
         var _event$cause;
-        return ((_event$cause = event.cause) === null || _event$cause === void 0 || (_event$cause = _event$cause.data) === null || _event$cause === void 0 ? void 0 : _event$cause.reason) === _enums.FcrBoardActiveInfoReason.REPLACE;
+        return ((_event$cause = event.cause) === null || _event$cause === void 0 || (_event$cause = _event$cause.data) === null || _event$cause === void 0 ? void 0 : _event$cause.reason) === _types.FcrBoardInactiveReason.SEIZE;
       });
       if (isReplaced && ((_isReplaced$operatorU = isReplaced.operatorUser) === null || _isReplaced$operatorU === void 0 ? void 0 : _isReplaced$operatorU.userId) !== ((_this$_localUser6 = this._localUser) === null || _this$_localUser6 === void 0 ? void 0 : _this$_localUser6.userId)) {
         this._currentShareStreamId = '';
       }
-      var userControl = this._roomControl.getUserControl();
-      var localUserUid = (_userControl$getLocal = userControl.getLocalUser()) === null || _userControl$getLocal === void 0 ? void 0 : _userControl$getLocal.userId;
+      var _this$_roomControl$ge = this._roomControl.getUserControl().getLocalUser(),
+        userId = _this$_roomControl$ge.userId,
+        userRole = _this$_roomControl$ge.userRole;
       var hasVideo = this._deviceStore.cameraEnabled;
       var hasAudio = this._deviceStore.microphoneEnabled;
-      this.localUserRole = (_userControl$getLocal2 = userControl.getLocalUser()) === null || _userControl$getLocal2 === void 0 ? void 0 : _userControl$getLocal2.userRole;
+      var isHost = userRole === _type.FcrUserRole.HOST;
+      var isCoHost = userRole === _type.FcrUserRole.COHOST;
+      this.localMicrophoneMute = !hasAudio;
       this._localUser = {
-        userId: localUserUid,
+        userId: userId,
         hasVideo: hasVideo,
         hasAudio: hasAudio,
-        isHost: ((_userControl$getLocal3 = userControl.getLocalUser()) === null || _userControl$getLocal3 === void 0 ? void 0 : _userControl$getLocal3.userRole) === _type.FcrUserRole.HOST,
-        isCoHost: ((_userControl$getLocal4 = userControl.getLocalUser()) === null || _userControl$getLocal4 === void 0 ? void 0 : _userControl$getLocal4.userRole) === _type.FcrUserRole.COHOST,
+        isHost: isHost,
+        isCoHost: isCoHost,
         volume: this._deviceStore.microphoneVolumeLevel
       };
-      var streams = this._streamControl.getStreamsByUserId(localUserUid);
+      var streams = this._streamControl.getStreamsByUserId(userId);
       var loopbackAudioStream = streams.find(function (stream) {
         return stream.audioSourceType === _type4.AgoraRteAudioSourceType.LOOPBACK;
       });
@@ -1241,7 +1293,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
 
       var hasPstnStream = streams.some(function (_ref3) {
         var connectorType = _ref3.connectorType;
-        return connectorType === _type.FcrRoomConnectorType.PSTN;
+        return connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN;
       });
       this._connectType = hasPstnStream ? _type5.ConnectType.PHONE : this._deviceStore.currentDeviceId ? _type5.ConnectType.COMPUTER : _type5.ConnectType.NONE;
       (0, _rendererEvent.sendEvent)({
@@ -1249,6 +1301,11 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         payload: this._connectType
       });
     }
+  }, {
+    key: "_onStreamRemoved",
+    value: function _onStreamRemoved(roomId, events) {
+      this._refreshLocalUser(roomId, events);
+    }
   }, {
     key: "_addEventListeners",
     value: function _addEventListeners() {
@@ -1286,128 +1343,20 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       this._disposers.push((0, _mobx.reaction)(function () {
         return _this6.shareControlBarActive;
       }, /*#__PURE__*/function () {
-        var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9(active) {
-          var cameraList, microphoneList, speakerList, localUser, scheduleInfo, liveStreamingConfig;
-          return _regenerator["default"].wrap(function _callee9$(_context9) {
-            while (1) switch (_context9.prev = _context9.next) {
+        var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10(active) {
+          return _regenerator["default"].wrap(function _callee10$(_context10) {
+            while (1) switch (_context10.prev = _context10.next) {
               case 0:
-                if (!active) {
-                  _context9.next = 60;
-                  break;
+                if (active) {
+                  _this6._initToolbar();
+                } else {
+                  _this6._deviceStore.removeObserver(_this6._deviceStoreObserver);
                 }
-                _this6._deviceStore.addObserver(_this6._deviceStoreObserver);
-                cameraList = _this6._deviceStore.cameraList;
-                microphoneList = _this6._deviceStore.microphoneList;
-                speakerList = _this6._deviceStore.speakerList;
-                localUser = _this6._roomControl.getUserControl().getLocalUser();
-                scheduleInfo = _this6._roomControl.getScheduleInfo();
-                liveStreamingConfig = _this6._roomControl.getLiveStreamingConfig();
-                _context9.t0 = _rendererEvent.sendEvent;
-                _context9.t1 = _constant.RendererEventAction.INIT_CONTROL_BAR;
-                _context9.t2 = _shareAudio.AudioProcessingChannel.MONO;
-                _context9.t3 = _this6.currentShareId;
-                _context9.t4 = _this6.currentShareType;
-                _context9.t5 = _this6.withAudio;
-                _context9.t6 = cameraList;
-                _context9.t7 = _this6._deviceStore.cameraId;
-                _context9.t8 = !_this6.localVideoState;
-                _context9.t9 = microphoneList;
-                _context9.t10 = speakerList;
-                _context9.t11 = _this6._deviceStore.microphoneId;
-                _context9.t12 = _this6._deviceStore.speakerId;
-                _context9.t13 = !_this6.localAudioState;
-                _context9.t14 = _this6._deviceStore.microphoneVolumeLevel;
-                _context9.t15 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.duration) || 0;
-                _context9.t16 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || new Date().getTime();
-                _context9.t17 = localUser.userRole === _type.FcrUserRole.HOST;
-                _context9.t18 = localUser.userRole === _type.FcrUserRole.HOST;
-                _context9.t19 = _this6._securityStore.allowChangeSelfName();
-                _context9.t20 = _this6._securityStore.allowChat();
-                _context9.t21 = _this6._securityStore.allowJoinWithMuteAudio();
-                _context9.t22 = _this6._securityStore.allowScreenShareAndBoard();
-                _context9.t23 = _this6._securityStore.allowUnmuteSelfVideo();
-                _context9.t24 = _this6._securityStore.allowUnmuteSelfAudio();
-                _context9.t25 = _this6._securityStore.isLockRoomEnabled();
-                _context9.t26 = _this6._securityStore.isWaitingRoomEnabled();
-                _context9.t27 = liveStreamingConfig.pushStreamingUrl;
-                _context9.t28 = liveStreamingConfig.pushStreamingUrl;
-                _context9.t29 = liveStreamingConfig.pullStreamingUrl;
-                _context9.t30 = _this6._roomControl.getLiveStreamingState();
-                _context9.t31 = _this6._securityStore.hasStartCloudRecordingPermission();
-                _context9.t32 = _this6._securityStore.hasStartLiveStreamingPermission();
-                _context9.t33 = _this6._securityStore.hasStopLiveStreamingPermission();
-                _context9.t34 = _this6._securityStore.hasGetLiveStreamingLinkPermission();
-                _context9.next = 45;
-                return _this6._mediaControl.getWindowList();
-              case 45:
-                _context9.t35 = _context9.sent;
-                _context9.t36 = _this6._connectType;
-                _context9.t37 = _this6._securityStore.hasEnableStartScreenSharePermission();
-                _context9.t38 = _this6._securityStore.hasPermissionToControlAllowSendAll();
-                _context9.t39 = _this6._securityStore.hasEnableStartAudioPermission();
-                _context9.t40 = _this6._securityStore.hasEnableChangeNamePermission();
-                _context9.t41 = _this6._securityStore.hasEnableStartVideoPermission();
-                _context9.t42 = _this6._securityStore.hasLockRoomPermission();
-                _context9.t43 = {
-                  currentShareAudioProcessingChannel: _context9.t2,
-                  currentShareId: _context9.t3,
-                  currentShareType: _context9.t4,
-                  shareWithAudio: _context9.t5,
-                  cameraList: _context9.t6,
-                  currentCameraId: _context9.t7,
-                  isMuteVideo: _context9.t8,
-                  microphoneList: _context9.t9,
-                  speakerList: _context9.t10,
-                  currentMicrophoneId: _context9.t11,
-                  currentSpeakerId: _context9.t12,
-                  isMuteAudio: _context9.t13,
-                  localAudioVolume: _context9.t14,
-                  duration: _context9.t15,
-                  startTime: _context9.t16,
-                  isHost: _context9.t17,
-                  showSecurity: _context9.t18,
-                  allowChangeSelfName: _context9.t19,
-                  allowChat: _context9.t20,
-                  allowJoinWithMuteAudio: _context9.t21,
-                  allowShareScreen: _context9.t22,
-                  allowUnmuteSelfVideo: _context9.t23,
-                  allowUnmuteSelfAudio: _context9.t24,
-                  isLockRoomEnabled: _context9.t25,
-                  isWaitingRoomEnabled: _context9.t26,
-                  videoSteamingUrl: _context9.t27,
-                  videoStreamingKey: _context9.t28,
-                  playUrl: _context9.t29,
-                  liveStreamingState: _context9.t30,
-                  isStartError: false,
-                  hasStartCloudRecordingPermission: _context9.t31,
-                  hasStartLiveStreamingPermission: _context9.t32,
-                  hasStopLiveStreamingPermission: _context9.t33,
-                  hasGetLiveStreamingLinkPermission: _context9.t34,
-                  allApplicationWindows: _context9.t35,
-                  connectType: _context9.t36,
-                  hasEnableStartScreenSharePermission: _context9.t37,
-                  hasPermissionToControlAllowSendAll: _context9.t38,
-                  hasEnableStartAudioPermission: _context9.t39,
-                  hasEnableChangeNamePermission: _context9.t40,
-                  hasEnableStartVideoPermission: _context9.t41,
-                  hasLockRoomPermission: _context9.t42
-                };
-                _context9.t44 = {
-                  action: _context9.t1,
-                  payload: _context9.t43
-                };
-                (0, _context9.t0)(_context9.t44);
-                window.runtime.browserWindow.setFullScreen(false);
-                window.runtime.browserWindow.hide();
-                _context9.next = 61;
-                break;
-              case 60:
-                _this6._deviceStore.removeObserver(_this6._deviceStoreObserver);
-              case 61:
+              case 1:
               case "end":
-                return _context9.stop();
+                return _context10.stop();
             }
-          }, _callee9);
+          }, _callee10);
         }));
         return function (_x10) {
           return _ref4.apply(this, arguments);
@@ -1492,6 +1441,48 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         }));
       });
     }
+  }, {
+    key: "_onUiEvent",
+    value: function () {
+      var _onUiEvent2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11(event, params) {
+        return _regenerator["default"].wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              _context11.t0 = event;
+              _context11.next = _context11.t0 === _constant.UIAction.START_SHARE_SCREEN ? 3 : _context11.t0 === _constant.UIAction.SHOW_TOAST ? 5 : _context11.t0 === _constant.UIAction.STOP_SCREEN_CAPTURE ? 7 : _context11.t0 === _constant.UIAction.ENGINE_RECONNECTED ? 9 : 11;
+              break;
+            case 3:
+              this.handleShareScreenResource();
+              return _context11.abrupt("break", 11);
+            case 5:
+              if ((0, _env.isElectron)() && this.shareControlBarActive) {
+                (0, _rendererEvent.sendEvent)({
+                  action: _constant.RendererEventAction.SHOW_TOAST,
+                  payload: params
+                });
+              }
+              return _context11.abrupt("break", 11);
+            case 7:
+              this._closeCapture();
+              // this.handleStopShare();
+              return _context11.abrupt("break", 11);
+            case 9:
+              if (this._removeScreenStreamFailed) {
+                this._removeScreenStream();
+                this._removeScreenStreamFailed = false;
+              }
+              return _context11.abrupt("break", 11);
+            case 11:
+            case "end":
+              return _context11.stop();
+          }
+        }, _callee11, this);
+      }));
+      function _onUiEvent(_x11, _x12) {
+        return _onUiEvent2.apply(this, arguments);
+      }
+      return _onUiEvent;
+    }()
   }, {
     key: "_removeReactions",
     value: function _removeReactions() {
@@ -1513,34 +1504,34 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_validateWindow",
     value: function () {
-      var _validateWindow2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10(id) {
+      var _validateWindow2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12(id) {
         var window;
-        return _regenerator["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regenerator["default"].wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              _context10.next = 2;
+              _context12.next = 2;
               return this._mediaControl.getWindowList();
             case 2:
-              window = _context10.sent.filter(function (item) {
+              window = _context12.sent.filter(function (item) {
                 return item.title !== 'AgoraHighLighter' && item.title !== 'Development HTML';
               }).find(function (item) {
                 return item.id === id;
               });
               if (window) {
-                _context10.next = 6;
+                _context12.next = 6;
                 break;
               }
               this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_faild_reselect'), 'error');
-              return _context10.abrupt("return", false);
+              return _context12.abrupt("return", false);
             case 6:
-              return _context10.abrupt("return", true);
+              return _context12.abrupt("return", true);
             case 7:
             case "end":
-              return _context10.stop();
+              return _context12.stop();
           }
-        }, _callee10, this);
+        }, _callee12, this);
       }));
-      function _validateWindow(_x11) {
+      function _validateWindow(_x13) {
         return _validateWindow2.apply(this, arguments);
       }
       return _validateWindow;
@@ -1548,32 +1539,32 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_validateDisplay",
     value: function () {
-      var _validateDisplay2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11(id) {
+      var _validateDisplay2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13(id) {
         var displayList;
-        return _regenerator["default"].wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regenerator["default"].wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              _context11.next = 2;
+              _context13.next = 2;
               return this._mediaControl.getDisplayList();
             case 2:
-              displayList = _context11.sent.find(function (item) {
+              displayList = _context13.sent.find(function (item) {
                 return item.id === id;
               });
               if (displayList) {
-                _context11.next = 6;
+                _context13.next = 6;
                 break;
               }
               this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_faild_screenselect'), 'error');
-              return _context11.abrupt("return", false);
+              return _context13.abrupt("return", false);
             case 6:
-              return _context11.abrupt("return", true);
+              return _context13.abrupt("return", true);
             case 7:
             case "end":
-              return _context11.stop();
+              return _context13.stop();
           }
-        }, _callee11, this);
+        }, _callee13, this);
       }));
-      function _validateDisplay(_x12) {
+      function _validateDisplay(_x14) {
         return _validateDisplay2.apply(this, arguments);
       }
       return _validateDisplay;
@@ -1581,50 +1572,50 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_validateShareStart",
     value: function () {
-      var _validateShareStart2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12(id, type) {
-        return _regenerator["default"].wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+      var _validateShareStart2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14(id, type) {
+        return _regenerator["default"].wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context12.t0 = type === _type2.AgoraRtcScreenCaptureType.WINDOW;
-              if (!_context12.t0) {
-                _context12.next = 5;
+              _context14.t0 = type === _type2.AgoraRtcScreenCaptureType.WINDOW;
+              if (!_context14.t0) {
+                _context14.next = 5;
                 break;
               }
-              _context12.next = 4;
+              _context14.next = 4;
               return this._validateWindow(id);
             case 4:
-              _context12.t0 = !_context12.sent;
+              _context14.t0 = !_context14.sent;
             case 5:
-              if (!_context12.t0) {
-                _context12.next = 7;
+              if (!_context14.t0) {
+                _context14.next = 7;
                 break;
               }
-              return _context12.abrupt("return", false);
+              return _context14.abrupt("return", false);
             case 7:
-              _context12.t1 = type === _type2.AgoraRtcScreenCaptureType.DISPLAY;
-              if (!_context12.t1) {
-                _context12.next = 12;
+              _context14.t1 = type === _type2.AgoraRtcScreenCaptureType.DISPLAY;
+              if (!_context14.t1) {
+                _context14.next = 12;
                 break;
               }
-              _context12.next = 11;
+              _context14.next = 11;
               return this._validateDisplay(id);
             case 11:
-              _context12.t1 = !_context12.sent;
+              _context14.t1 = !_context14.sent;
             case 12:
-              if (!_context12.t1) {
-                _context12.next = 14;
+              if (!_context14.t1) {
+                _context14.next = 14;
                 break;
               }
-              return _context12.abrupt("return", false);
+              return _context14.abrupt("return", false);
             case 14:
-              return _context12.abrupt("return", true);
+              return _context14.abrupt("return", true);
             case 15:
             case "end":
-              return _context12.stop();
+              return _context14.stop();
           }
-        }, _callee12, this);
+        }, _callee14, this);
       }));
-      function _validateShareStart(_x13, _x14) {
+      function _validateShareStart(_x15, _x16) {
         return _validateShareStart2.apply(this, arguments);
       }
       return _validateShareStart;
@@ -1641,14 +1632,14 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_getExcludeWindows",
     value: function () {
-      var _getExcludeWindows2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+      var _getExcludeWindows2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
         var excludeWindows, windowId, _windowId$split, _windowId$split2, videoWindowId, _windowId$split3, _windowId$split4, controlBarWindowId;
-        return _regenerator["default"].wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regenerator["default"].wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               excludeWindows = [];
               windowId = '';
-              _context13.next = 4;
+              _context15.next = 4;
               return (0, _tools.waitUntil)(function () {
                 var _getControlBarMediaSo;
                 windowId = (_getControlBarMediaSo = (0, _rendererEvent.getControlBarMediaSourceId)()) !== null && _getControlBarMediaSo !== void 0 ? _getControlBarMediaSo : '';
@@ -1657,7 +1648,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
             case 4:
               _windowId$split = windowId.split(':'), _windowId$split2 = (0, _slicedToArray2["default"])(_windowId$split, 2), videoWindowId = _windowId$split2[1];
               excludeWindows.push(videoWindowId);
-              _context13.next = 8;
+              _context15.next = 8;
               return (0, _tools.waitUntil)(function () {
                 var _getVideoWindowMediaS;
                 windowId = (_getVideoWindowMediaS = (0, _rendererEvent.getVideoWindowMediaSourceId)()) !== null && _getVideoWindowMediaS !== void 0 ? _getVideoWindowMediaS : '';
@@ -1667,22 +1658,157 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               _windowId$split3 = windowId.split(':'), _windowId$split4 = (0, _slicedToArray2["default"])(_windowId$split3, 2), controlBarWindowId = _windowId$split4[1];
               this.logger.info('exclude win:', videoWindowId, controlBarWindowId);
               excludeWindows.push(controlBarWindowId);
-              return _context13.abrupt("return", excludeWindows);
+              return _context15.abrupt("return", excludeWindows);
             case 12:
             case "end":
-              return _context13.stop();
+              return _context15.stop();
           }
-        }, _callee13, this);
+        }, _callee15, this);
       }));
       function _getExcludeWindows() {
         return _getExcludeWindows2.apply(this, arguments);
       }
       return _getExcludeWindows;
     }()
+  }, {
+    key: "_initToolbar",
+    value: function () {
+      var _initToolbar2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
+        var cameraList, microphoneList, speakerList, localUser, scheduleInfo, liveStreamingConfig;
+        return _regenerator["default"].wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
+            case 0:
+              this._deviceStore.addObserver(this._deviceStoreObserver);
+              cameraList = this._deviceStore.cameraList;
+              microphoneList = this._deviceStore.microphoneList;
+              speakerList = this._deviceStore.speakerList;
+              localUser = this._roomControl.getUserControl().getLocalUser();
+              scheduleInfo = this._roomControl.getRoomSchedule();
+              liveStreamingConfig = this._roomControl.getLiveStreamingConfig();
+              _context16.t0 = _rendererEvent.sendEvent;
+              _context16.t1 = _constant.RendererEventAction.INIT_CONTROL_BAR;
+              _context16.t2 = _shareAudio.AudioProcessingChannel.MONO;
+              _context16.t3 = this.currentShareId;
+              _context16.t4 = this.currentShareType;
+              _context16.t5 = this.withAudio;
+              _context16.t6 = cameraList;
+              _context16.t7 = this._deviceStore.cameraId;
+              _context16.t8 = !this.localVideoState;
+              _context16.t9 = microphoneList;
+              _context16.t10 = speakerList;
+              _context16.t11 = this._deviceStore.microphoneId;
+              _context16.t12 = this._deviceStore.speakerId;
+              _context16.t13 = !this.localAudioState;
+              _context16.t14 = this._deviceStore.microphoneVolumeLevel;
+              _context16.t15 = localUser.userName;
+              _context16.t16 = this._config.inviteLink;
+              _context16.t17 = this._roomControl.getRoomInfo();
+              _context16.t18 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.duration) || 0;
+              _context16.t19 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || new Date().getTime();
+              _context16.t20 = localUser.userRole === _type.FcrUserRole.HOST;
+              _context16.t21 = localUser.userRole === _type.FcrUserRole.HOST;
+              _context16.t22 = this._securityStore.allowChangeSelfName();
+              _context16.t23 = this._securityStore.allowChat();
+              _context16.t24 = this._securityStore.allowJoinWithMuteAudio();
+              _context16.t25 = this._securityStore.allowScreenShareAndBoard();
+              _context16.t26 = this._securityStore.allowBoardWrite();
+              _context16.t27 = this._securityStore.allowUnmuteSelfVideo();
+              _context16.t28 = this._securityStore.allowUnmuteSelfAudio();
+              _context16.t29 = this._securityStore.isLockRoomEnabled();
+              _context16.t30 = this._securityStore.isWaitingRoomEnabled();
+              _context16.t31 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl;
+              _context16.t32 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl;
+              _context16.t33 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pullStreamingUrl;
+              _context16.t34 = this._roomControl.getLiveStreamingState();
+              _context16.t35 = this._securityStore.hasStartCloudRecordingPermission();
+              _context16.t36 = this._securityStore.hasStartLiveStreamingPermission();
+              _context16.t37 = this._securityStore.hasStopLiveStreamingPermission();
+              _context16.t38 = this._securityStore.hasGetLiveStreamingLinkPermission();
+              _context16.next = 48;
+              return this._mediaControl.getWindowList();
+            case 48:
+              _context16.t39 = _context16.sent;
+              _context16.t40 = this._connectType;
+              _context16.t41 = this._securityStore.hasEnableStartScreenSharePermission();
+              _context16.t42 = this._securityStore.hasPermissionToControlAllowSendAll();
+              _context16.t43 = this._securityStore.hasEnableStartAudioPermission();
+              _context16.t44 = this._securityStore.hasEnableChangeNamePermission();
+              _context16.t45 = this._securityStore.hasEnableStartVideoPermission();
+              _context16.t46 = this._securityStore.hasLockRoomPermission();
+              _context16.t47 = this._securityStore.hasAllowWriteBoardPermission();
+              _context16.t48 = this._securityStore.hasWaitingRoomPermission();
+              _context16.t49 = {
+                currentShareAudioProcessingChannel: _context16.t2,
+                currentShareId: _context16.t3,
+                currentShareType: _context16.t4,
+                shareWithAudio: _context16.t5,
+                cameraList: _context16.t6,
+                currentCameraId: _context16.t7,
+                isMuteVideo: _context16.t8,
+                microphoneList: _context16.t9,
+                speakerList: _context16.t10,
+                currentMicrophoneId: _context16.t11,
+                currentSpeakerId: _context16.t12,
+                isMuteAudio: _context16.t13,
+                localAudioVolume: _context16.t14,
+                userName: _context16.t15,
+                inviteLink: _context16.t16,
+                roomInfo: _context16.t17,
+                duration: _context16.t18,
+                startTime: _context16.t19,
+                isHost: _context16.t20,
+                showSecurity: _context16.t21,
+                allowChangeSelfName: _context16.t22,
+                allowChat: _context16.t23,
+                allowJoinWithMuteAudio: _context16.t24,
+                allowShareScreen: _context16.t25,
+                allowBoardWrite: _context16.t26,
+                allowUnmuteSelfVideo: _context16.t27,
+                allowUnmuteSelfAudio: _context16.t28,
+                isLockRoomEnabled: _context16.t29,
+                isWaitingRoomEnabled: _context16.t30,
+                videoSteamingUrl: _context16.t31,
+                videoStreamingKey: _context16.t32,
+                playUrl: _context16.t33,
+                liveStreamingState: _context16.t34,
+                isStartError: false,
+                hasStartCloudRecordingPermission: _context16.t35,
+                hasStartLiveStreamingPermission: _context16.t36,
+                hasStopLiveStreamingPermission: _context16.t37,
+                hasGetLiveStreamingLinkPermission: _context16.t38,
+                allApplicationWindows: _context16.t39,
+                connectType: _context16.t40,
+                hasEnableStartScreenSharePermission: _context16.t41,
+                hasPermissionToControlAllowSendAll: _context16.t42,
+                hasEnableStartAudioPermission: _context16.t43,
+                hasEnableChangeNamePermission: _context16.t44,
+                hasEnableStartVideoPermission: _context16.t45,
+                hasLockRoomPermission: _context16.t46,
+                hasAllowWriteBoardPermission: _context16.t47,
+                hasWaitingRoomPermission: _context16.t48
+              };
+              _context16.t50 = {
+                action: _context16.t1,
+                payload: _context16.t49
+              };
+              (0, _context16.t0)(_context16.t50);
+              window.runtime.browserWindow.setFullScreen(false);
+              window.runtime.browserWindow.hide();
+            case 63:
+            case "end":
+              return _context16.stop();
+          }
+        }, _callee16, this);
+      }));
+      function _initToolbar() {
+        return _initToolbar2.apply(this, arguments);
+      }
+      return _initToolbar;
+    }()
   }]);
 }();
 _ShareScreenStore = ShareScreenStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "_shareSelectionDialogId"], [_mobx.observable, 1, "_controlBarDialogId"], [_mobx.observable, 1, "_videoWindowDialogId"], [_mobx.observable, 1, "_isHost"], [_mobx.observable, 1, "_shareLocked"], [_mobx.observable, 1, "_screenTrack"], [_mobx.observable, 1, "_shareAudioTrack"], [_mobx.observable, 1, "_localUser"], [_mobx.observable, 1, "screenSharingState"], [_mobx.observable, 1, "applicationCaptureSources"], [_mobx.observable, 1, "screenCaptureSources"], [_mobx.observable, 1, "hasScreenCapturePermission"], [_mobx.observable, 1, "showConfirm"], [_mobx.observable, 1, "shareControlBarActive"], [_mobx.observable, 1, "withAudio"], [_mobx.observable, 1, "currentShareAudioProcessingChannel"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "sharerId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentSelection"], [_mobx.observable, 1, "currentSelectionType"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "title"], [_mobx.computed, 3, "localVideoState"], [_mobx.computed, 3, "localAudioState"], [_mobx.computed, 3, "localAudioVolume"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_decorator.bound, 2, "release"], [_handleCheckScreenCapturePermissionDecs, 18, "handleCheckScreenCapturePermission"], [_handleToSettingDecs, 18, "handleToSetting"], [_setShareWithAudioDecs, 18, "setShareWithAudio"], [_muteLocalAudioDecs, 18, "muteLocalAudio"], [_muteLocalVideoDecs, 18, "muteLocalVideo"], [_handleShareScreenResourceDecs, 18, "handleShareScreenResource"], [_handleStartShareDecs, 18, "handleStartShare"], [_handleShareStartWithAudioDecs, 18, "handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "handleShareStopWithAudio"], [_handleStopShareDecs, 18, "handleStopShare"], [_handleReplaceScreenDecs, 18, "handleReplaceScreen"], [_startPreviewDecs, 18, "startPreview"], [_setShareControlBarActiveDecs, 18, "setShareControlBarActive"], [_setCurrentCameraIdDecs, 18, "setCurrentCameraId"], [_setCurrentSpeakerIdDecs, 18, "setCurrentSpeakerId"], [_setCurrentMicrophoneIdDecs, 18, "setCurrentMicrophoneId"], [_setAllowChangeSelfNameDecs, 18, "setAllowChangeSelfName"], [_setAllowChatDecs, 18, "setAllowChat"], [_setAllowJoinWithMuteAudioDecs, 18, "setAllowJoinWithMuteAudio"], [_setAllowShareScreenDecs, 18, "setAllowShareScreen"], [_setAllowUnmuteSelfVideoDecs, 18, "setAllowUnmuteSelfVideo"], [_setAllowUnmuteSelfAudioDecs, 18, "setAllowUnmuteSelfAudio"], [_setLockRoomEnabledDecs, 18, "setLockRoomEnabled"], [_setWaitingRoomEnabledDecs, 18, "setWaitingRoomEnabled"], [_openDialogDecs, 18, "openDialog"], [_decorator.bound, 2, "closeDialog"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_closeShareScreenSelectionDecs, 18, "closeShareScreenSelection"], [_openControlBarDecs, 18, "openControlBar"], [_setControlBarWindowIdDecs, 18, "setControlBarWindowId"], [_openVideoWindowDialogDecs, 18, "openVideoWindowDialog"], [_closeControlBarDecs, 18, "closeControlBar"], [_closeVideoWindowDialogDecs, 18, "closeVideoWindowDialog"], [_handleScreenCaptureStateUpdatedDecs, 18, "_handleScreenCaptureStateUpdated"], [_updateCameraListDecs, 18, "_updateCameraList"], [_updateMicrophoneListDecs, 18, "_updateMicrophoneList"], [_updateSpeakerListDecs, 18, "_updateSpeakerList"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_setShareLockDecs, 18, "_setShareLock"], [_decorator.bound, 2, "_syncShareStreamState"], [_refreshLocalUserDecs, 18, "_refreshLocalUser"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 28);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "_shareSelectionDialogId"], [_mobx.observable, 1, "_controlBarDialogId"], [_mobx.observable, 1, "_videoWindowDialogId"], [_mobx.observable, 1, "_isHost"], [_mobx.observable, 1, "_shareLocked"], [_mobx.observable, 1, "_screenTrack"], [_mobx.observable, 1, "_shareAudioTrack"], [_mobx.observable, 1, "_localUser"], [_mobx.observable, 1, "screenSharingState"], [_mobx.observable, 1, "applicationCaptureSources"], [_mobx.observable, 1, "screenCaptureSources"], [_mobx.observable, 1, "hasScreenCapturePermission"], [_mobx.observable, 1, "showConfirm"], [_mobx.observable, 1, "shareControlBarActive"], [_mobx.observable, 1, "withAudio"], [_mobx.observable, 1, "currentShareAudioProcessingChannel"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "sharerId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentSelection"], [_mobx.observable, 1, "currentSelectionType"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "title"], [_mobx.observable, 1, "localMicrophoneMute"], [_mobx.computed, 3, "localVideoState"], [_mobx.computed, 3, "localAudioState"], [_mobx.computed, 3, "localAudioVolume"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_sendLocalAudioStateEventDecs, 18, "sendLocalAudioStateEvent"], [_decorator.bound, 2, "release"], [_handleCheckScreenCapturePermissionDecs, 18, "handleCheckScreenCapturePermission"], [_handleToSettingDecs, 18, "handleToSetting"], [_muteLocalAudioDecs, 18, "muteLocalAudio"], [_muteLocalVideoDecs, 18, "muteLocalVideo"], [_handleShareStartWithAudioDecs, 18, "handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "handleShareStopWithAudio"], [_startPreviewDecs, 18, "startPreview"], [_setShareControlBarActiveDecs, 18, "setShareControlBarActive"], [_setCurrentCameraIdDecs, 18, "setCurrentCameraId"], [_setCurrentSpeakerIdDecs, 18, "setCurrentSpeakerId"], [_setCurrentMicrophoneIdDecs, 18, "setCurrentMicrophoneId"], [_setAllowChangeSelfNameDecs, 18, "setAllowChangeSelfName"], [_setAllowChatDecs, 18, "setAllowChat"], [_setAllowJoinWithMuteAudioDecs, 18, "setAllowJoinWithMuteAudio"], [_setAllowShareScreenDecs, 18, "setAllowShareScreen"], [_setAllowUnmuteSelfVideoDecs, 18, "setAllowUnmuteSelfVideo"], [_setAllowUnmuteSelfAudioDecs, 18, "setAllowUnmuteSelfAudio"], [_setLockRoomEnabledDecs, 18, "setLockRoomEnabled"], [_openDialogDecs, 18, "openDialog"], [_decorator.bound, 2, "closeDialog"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_closeShareScreenSelectionDecs, 18, "closeShareScreenSelection"], [_openControlBarDecs, 18, "openControlBar"], [_setControlBarWindowIdDecs, 18, "setControlBarWindowId"], [_openVideoWindowDialogDecs, 18, "openVideoWindowDialog"], [_closeControlBarDecs, 18, "closeControlBar"], [_closeVideoWindowDialogDecs, 18, "closeVideoWindowDialog"], [_setShareWithAudioDecs, 18, "setShareWithAudio"], [_setWithAudioStateDecs, 18, "_setWithAudioState"], [_handleShareScreenResourceDecs, 18, "handleShareScreenResource"], [_handleStartShareDecs, 18, "handleStartShare"], [_handleReplaceScreenDecs, 18, "handleReplaceScreen"], [_handleStopShareDecs, 18, "handleStopShare"], [_decorator.bound, 2, "_handleWebScreenCaptureStateUpdated"], [_handleScreenCaptureStateUpdatedDecs, 18, "_handleScreenCaptureStateUpdated"], [_updateCameraListDecs, 18, "_updateCameraList"], [_updateMicrophoneListDecs, 18, "_updateMicrophoneList"], [_updateSpeakerListDecs, 18, "_updateSpeakerList"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_setShareLockDecs, 18, "_setShareLock"], [_decorator.bound, 2, "_syncShareStreamState"], [_refreshLocalUserDecs, 18, "_refreshLocalUser"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 29);
 _init__shareSelectionDialogId = _applyDecs$e[0];
 _init__controlBarDialogId = _applyDecs$e[1];
 _init__videoWindowDialogId = _applyDecs$e[2];
@@ -1709,6 +1835,7 @@ _init_boardOwnerUser = _applyDecs$e[22];
 _init_localUser = _applyDecs$e[23];
 _init_localUserRole = _applyDecs$e[24];
 _init_title = _applyDecs$e[25];
-_init_handleChooseScreen = _applyDecs$e[26];
-_initProto = _applyDecs$e[27];
+_init_localMicrophoneMute = _applyDecs$e[26];
+_init_handleChooseScreen = _applyDecs$e[27];
+_initProto = _applyDecs$e[28];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);