fcr-ui-scene 3.4.1 → 3.4.3

package/lib/providers/device-provider.js

@@ -21,12 +21,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FcrUIDeviceProviderImpl = exports.DEFAULT_DEVICE_ID = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
@@ -42,14 +36,11 @@ require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.assign.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.promise.all-settled.js");
+require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.set.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.map.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");
@@ -98,6 +89,12 @@ 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");
 require("core-js/modules/web.timers.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _imports = require("fcr-core/lib/imports");
 var _base = require("../base");
 var _env = require("agora-foundation/lib/utilities/env");
@@ -108,10 +105,9 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _mobx = require("mobx");
 var _virtualBackdoundResources = require("../modules/device-pretest/assets/virtual-backdound-resources");
 var _type2 = require("../type");
-var _constant = require("../utilities/constant");
 var _tools = require("../utilities/tools");
 var _FcrUIDeviceProviderImpl;
-var _initProto, _init__microphoneDeviceId, _init__speakerDeviceId, _init_currentIsMirror, _init_showForceOpenEffectDialog, _init_cameraId, _init_microphoneId, _init_speakerId, _init_cameraEnabled, _init_showCameraPreview, _init_microphoneEnabled, _init_cameraList, _init_microphoneList, _init_microphoneVolumeLevel, _init_speakerList, _init_isLocalMirrorEnabled, _init_isLocalEditBeautyOptions, _init_speakerVolumeLevel, _init_speakerVolume, _init_microphoneVolume, _init_virtualBackgroundName, _init_enableBeauty, _init_beautyKey, _init_beautyOptions, _init_virtualBackgroundList, _init_soundEffectList, _init_microphoneDetecting, _init_speakerDetecting, _init_connectType, _init_isAudioConnected, _init_isMainRoomAudioOff, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _actionsBeforeJoinDecs, _downloadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleCameraListUpdatedDecs, _handleMicrophoneListUpdatedDecs, _handleSpeakerListUpdatedDecs, _setAudioConnectedDecs, _setMainRoomAudioOffDecs, _ref;
+var _initProto, _init__microphoneDeviceId, _init__speakerDeviceId, _init_currentIsMirror, _init_showForceOpenEffectDialog, _init_cameraId, _init_microphoneId, _init_speakerId, _init_cameraEnabled, _init_showCameraPreview, _init_microphoneEnabled, _init_cameraList, _init_microphoneList, _init_microphoneVolumeLevel, _init_speakerList, _init_isLocalMirrorEnabled, _init_isLocalEditBeautyOptions, _init_speakerVolumeLevel, _init_speakerVolume, _init_microphoneVolume, _init_virtualBackgroundName, _init_enableBeauty, _init_beautyKey, _init_beautyOptions, _init_virtualBackgroundList, _init_soundEffectList, _init_microphoneDetecting, _init_speakerDetecting, _init_connectType, _init_isMainRoomAudioOff, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _downloadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleSpeakerAddedDecs, _handleSpeakerRemovedDecs, _handleSpeakerListUpdatedDecs, _setMainRoomAudioOffDecs, _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; }
@@ -124,14 +120,6 @@ function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.descr
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
 // device id for default device (follow system)
 var DEFAULT_DEVICE_ID = exports.DEFAULT_DEVICE_ID = 'default';
-var mapDevice2Option = function mapDevice2Option(deviceList) {
-  return deviceList.map(function (item) {
-    return {
-      text: item.deviceName,
-      value: item.deviceId
-    };
-  });
-};
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -161,8 +149,7 @@ var _Z = /*#__PURE__*/new WeakMap();
 var _a = /*#__PURE__*/new WeakMap();
 var _b = /*#__PURE__*/new WeakMap();
 var _c = /*#__PURE__*/new WeakMap();
-var _d = /*#__PURE__*/new WeakMap();
-_ref = (_startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _startSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _stopSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _setCurrentIsMirrorDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorPreviewDecs = [_mobx.action, _mobx.action.bound], _setBeautyOptionsDecs = [_mobx.action, _mobx.action.bound], _handleCancelForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _handleForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneEnabledDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorDecs = [_mobx.action, _mobx.action.bound], _resetMirrorDecs = [_mobx.action, _mobx.action.bound], _startMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _stopMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _enableVirtualBackgroundDecs = [_mobx.action, _mobx.action.bound], _setEditBeautyKeyDecs = [_mobx.action, _mobx.action.bound], _enableBeautyEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneVolumeDecs = [_mobx.action, _mobx.action.bound], _actionsBeforeJoinDecs = [_mobx.action, _mobx.action.bound], _downloadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _setConnectTypeDecs = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerTestVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleCameraListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerListUpdatedDecs = [_mobx.action, _mobx.action.bound], _setAudioConnectedDecs = [_mobx.action, _mobx.action.bound], _setMainRoomAudioOffDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _startSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _stopSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _setCurrentIsMirrorDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorPreviewDecs = [_mobx.action, _mobx.action.bound], _setBeautyOptionsDecs = [_mobx.action, _mobx.action.bound], _handleCancelForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _handleForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneEnabledDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorDecs = [_mobx.action, _mobx.action.bound], _resetMirrorDecs = [_mobx.action, _mobx.action.bound], _startMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _stopMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _enableVirtualBackgroundDecs = [_mobx.action, _mobx.action.bound], _setEditBeautyKeyDecs = [_mobx.action, _mobx.action.bound], _enableBeautyEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneVolumeDecs = [_mobx.action, _mobx.action.bound], _downloadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _setConnectTypeDecs = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerTestVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerAddedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerRemovedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerListUpdatedDecs = [_mobx.action, _mobx.action.bound], _setMainRoomAudioOffDecs = [_mobx.action, _mobx.action.bound], "logger");
 var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/function () {
   function FcrUIDeviceProviderImpl(_eventProvider, _mediaControl, _mediaConfig) {
     var _this = this;
@@ -187,8 +174,6 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     });
     (0, _defineProperty2["default"])(this, "_defaultMirror", true);
     (0, _defineProperty2["default"])(this, "_volumeIndicationInterval", 200);
-    (0, _defineProperty2["default"])(this, "_microponeInitCount", 0);
-    (0, _defineProperty2["default"])(this, "_speakerInitCount", 0);
     // real microphone device id
     _classPrivateFieldInitSpec(this, _A, _init__microphoneDeviceId(this, ''));
     // real speaker device id
@@ -230,8 +215,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     _classPrivateFieldInitSpec(this, _Z, _init_microphoneDetecting(this, false));
     _classPrivateFieldInitSpec(this, _a, _init_speakerDetecting(this, false));
     _classPrivateFieldInitSpec(this, _b, _init_connectType(this, _type2.FcrUIConnectType.NONE));
-    _classPrivateFieldInitSpec(this, _c, _init_isAudioConnected(this, false));
-    _classPrivateFieldInitSpec(this, _d, _init_isMainRoomAudioOff(this, false));
+    _classPrivateFieldInitSpec(this, _c, _init_isMainRoomAudioOff(this, false));
     this._eventProvider = _eventProvider;
     this._mediaControl = _mediaControl;
     this._mediaConfig = _mediaConfig;
@@ -241,10 +225,10 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     _mediaControl.addObserver({
       onCameraAdded: this._handleCameraListUpdated,
       onCameraRemoved: this._handleCameraListUpdated,
-      onMicrophoneAdded: this._handleMicrophoneListUpdated,
-      onMicrophoneRemoved: this._handleMicrophoneListUpdated,
-      onSpeakerAdded: this._handleSpeakerListUpdated,
-      onSpeakerRemoved: this._handleSpeakerListUpdated,
+      onMicrophoneAdded: this._handleMicrophoneAdded,
+      onMicrophoneRemoved: this._handleMicrophoneRemoved,
+      onSpeakerAdded: this._handleSpeakerAdded,
+      onSpeakerRemoved: this._handleSpeakerRemoved,
       onSpeakerTestVolumeIndicationUpdated: this._handleSpeakerTestVolumeIndicationUpdated,
       onSelectedSpeakerVolumeUpdated: this._handleSpeakerVolumeUpdated
     });
@@ -477,44 +461,13 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       _classPrivateFieldSet(_b, this, v);
     }
   }, {
-    key: "isAudioConnected",
+    key: "isMainRoomAudioOff",
     get: function get() {
       return _classPrivateFieldGet(_c, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_c, this, v);
     }
-  }, {
-    key: "isMainRoomAudioOff",
-    get: // openCamera(): void {
-    //   throw new Error('Method not implemented.');
-    // }
-    // openMicrophone(): void {
-    //   throw new Error('Method not implemented.');
-    // }
-    // closeCamera(): void {
-    //   throw new Error('Method not implemented.');
-    // }
-    // closeMicrophone(): void {
-    //   throw new Error('Method not implemented.');
-    // }
-    function get() {
-      return _classPrivateFieldGet(_d, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_d, this, v);
-    }
-  }, {
-    key: "toggleCameraVideoOrientation",
-    value: function toggleCameraVideoOrientation() {
-      var _this$_cameraVideoTra;
-      if (this._videoRotation === _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_270) {
-        this._videoRotation = _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0;
-      } else {
-        this._videoRotation = this._videoRotation + 1;
-      }
-      (_this$_cameraVideoTra = this._cameraVideoTrack) === null || _this$_cameraVideoTra === void 0 || _this$_cameraVideoTra.setVideoOrientation(this._videoRotation);
-    }
   }, {
     key: "ifAccessMicrophone",
     value: function () {
@@ -594,16 +547,27 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     key: "connectAudio",
     value: function connectAudio(includeMicrophone) {
       if (includeMicrophone) {
-        // 如果 hasExecutedConnectAudio == false 且 presetConfig.microphoneExpectedOff == true 时 （第一次加入房间且在房间外设置期望麦克风关闭），
         var dontNeedOpenMicrophone = !this._hasExecutedConnectAudio && this._mediaConfig.microphoneExpectedOff;
         if (!dontNeedOpenMicrophone) {
-          // TODO: open default microphone
-          // this._mediaControl.getMicrophoneTrack('default').start();
+          this.setMicrophoneEnabled(true);
         }
       }
+      if (this.microphoneList.length > 0) {
+        this._eventProvider.showToast({
+          type: 'normal',
+          message: (0, _i18n.transI18n)('fmt_gateway_tips_nodata')
+        });
+      } else {
+        this._eventProvider.showToast({
+          type: 'normal',
+          message: (0, _i18n.transI18n)('fmt_toolbar_label_nodevice')
+        });
+      }
       this._hasExecutedConnectAudio = true;
-      this._mediaControl.adjustOutputVolume(100);
+      // this._mediaControl.adjustOutputVolume(100);
+
       this._isAudioConnected = true;
+      this.setConnectType(_type2.FcrUIConnectType.COMPUTER);
       this._observable.notifyObservers('onAudioConnected');
     }
   }, {
@@ -611,9 +575,9 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     value: function disconnectAudio() {
       this._hasExecutedConnectAudio = true;
       this._isAudioConnected = false;
-      // TODO: stop default microphone
-      // this._mediaControl.getMicrophoneTrack('default').stop();
-      this._mediaControl.adjustOutputVolume(0);
+      this.setMicrophoneEnabled(false);
+      // this._mediaControl.adjustOutputVolume(0);
+      this.setConnectType(_type2.FcrUIConnectType.NONE);
       this._observable.notifyObservers('onAudioDisconnected');
     }
   }, {
@@ -631,21 +595,6 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     get: function get() {
       return this.speakerId === DEFAULT_DEVICE_ID;
     }
-  }, {
-    key: "cameraDeviceList",
-    get: function get() {
-      return mapDevice2Option(this.cameraList);
-    }
-  }, {
-    key: "microphoneDeviceList",
-    get: function get() {
-      return mapDevice2Option(this.microphoneList);
-    }
-  }, {
-    key: "speakerDeviceList",
-    get: function get() {
-      return mapDevice2Option(this.speakerList);
-    }
   }, {
     key: "lastEnableVideoEffectType",
     get: function get() {
@@ -664,14 +613,9 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       };
     }
   }, {
-    key: "getCameraTrack",
-    value: function getCameraTrack(deviceId) {
-      return this._mediaControl.getCameraTrack(deviceId);
-    }
-  }, {
-    key: "getMicrophoneTrack",
-    value: function getMicrophoneTrack(deviceId) {
-      return this._mediaControl.getMicrophoneTrack(deviceId);
+    key: "isAudioConnected",
+    get: function get() {
+      return this._isAudioConnected;
     }
   }, {
     key: "getScreenTrack",
@@ -703,11 +647,6 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     value: function getDisplayList() {
       return this._mediaControl.getDisplayList();
     }
-  }, {
-    key: "screenTrack",
-    get: function get() {
-      return null;
-    }
   }, {
     key: "cameraTrack",
     get: function get() {
@@ -718,21 +657,15 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     get: function get() {
       return this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
     }
-  }, {
-    key: "setSelectedSpeakerVolume",
-    value: function setSelectedSpeakerVolume(volume) {
-      this._mediaControl.setSelectedSpeakerVolume(volume);
-    }
   }, {
     key: "init",
     value: function () {
-      var _init = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var _init = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
         var _this2 = this;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              _context3.next = 2;
-              return this._mediaControl.getCameraList().then(function (list) {
+              return _context5.abrupt("return", Promise.allSettled([this._mediaControl.getCameraList().then(function (list) {
                 (0, _mobx.runInAction)(function () {
                   _this2.logger.info('[FcrDeviceStore] init camera list:', list);
                   _this2.cameraList = list;
@@ -742,28 +675,50 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                     _this2.setCameraId(_cameraId);
                   }
                 });
-              });
-            case 2:
-              _context3.next = 4;
-              return this._mediaControl.getMicrophoneList().then(function (list) {
-                (0, _mobx.runInAction)(function () {
-                  _this2.logger.info('[FcrDeviceStore] init microphone list:', list);
-                  _this2.microphoneList = list;
-                });
-              });
-            case 4:
-              _context3.next = 6;
-              return this._mediaControl.getSpeakerList().then(function (list) {
-                (0, _mobx.runInAction)(function () {
-                  _this2.logger.info('[FcrDeviceStore] init speaker list:', list);
-                  _this2.speakerList = list;
-                });
-              });
-            case 6:
+              }), this._getMicrophoneList().then(/*#__PURE__*/function () {
+                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(microphoneList) {
+                  return _regenerator["default"].wrap(function _callee3$(_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
+                      case 0:
+                        _this2.microphoneList = microphoneList;
+                        _this2.logger.info('[FcrDeviceStore] init microphone list:', microphoneList);
+                        // 默认跟随系统
+                        _context3.next = 4;
+                        return _this2.setMicrophoneId(DEFAULT_DEVICE_ID);
+                      case 4:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }, _callee3);
+                }));
+                return function (_x) {
+                  return _ref2.apply(this, arguments);
+                };
+              }()), this._getSpeakerList().then(/*#__PURE__*/function () {
+                var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(speakerList) {
+                  return _regenerator["default"].wrap(function _callee4$(_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
+                      case 0:
+                        _this2.speakerList = speakerList;
+                        _this2.logger.info('[FcrDeviceStore] init speaker list:', speakerList);
+                        // 默认跟随系统
+                        _context4.next = 4;
+                        return _this2.setSpeakerId(DEFAULT_DEVICE_ID);
+                      case 4:
+                      case "end":
+                        return _context4.stop();
+                    }
+                  }, _callee4);
+                }));
+                return function (_x2) {
+                  return _ref3.apply(this, arguments);
+                };
+              }())]));
+            case 1:
             case "end":
-              return _context3.stop();
+              return _context5.stop();
           }
-        }, _callee3, this);
+        }, _callee5, this);
       }));
       function init() {
         return _init.apply(this, arguments);
@@ -796,10 +751,10 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "stopPlayLocalVideo",
     value: function stopPlayLocalVideo(view) {
-      var _this$_cameraVideoTra2;
+      var _this$_cameraVideoTra;
       if (!view) return;
       this._localVideoViewSet["delete"](view);
-      (_this$_cameraVideoTra2 = this._cameraVideoTrack) === null || _this$_cameraVideoTra2 === void 0 || _this$_cameraVideoTra2.stopPreview(view);
+      (_this$_cameraVideoTra = this._cameraVideoTrack) === null || _this$_cameraVideoTra === void 0 || _this$_cameraVideoTra.stopPreview(view);
     }
   }, {
     key: "startSpeakerTest",
@@ -890,23 +845,28 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "setVideoOrientation",
     value: function setVideoOrientation() {
-      var _this$_cameraVideoTra3;
+      var _this$_cameraVideoTra2;
       if (this._videoRotation === _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_270) {
         this._videoRotation = _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0;
       } else {
         this._videoRotation = this._videoRotation + 1;
       }
-      (_this$_cameraVideoTra3 = this._cameraVideoTrack) === null || _this$_cameraVideoTra3 === void 0 || _this$_cameraVideoTra3.setVideoOrientation(this._videoRotation);
+      (_this$_cameraVideoTra2 = this._cameraVideoTrack) === null || _this$_cameraVideoTra2 === void 0 || _this$_cameraVideoTra2.setVideoOrientation(this._videoRotation);
     }
   }, {
     key: "setCameraEnabled",
     value: function setCameraEnabled(enable) {
-      this.handleRealCameraEnabledChanged(enable);
+      if (enable) {
+        this._hasExecutedOpenCamera = true;
+      }
+      this.startOrStopCamera(enable);
+      this.setShowCameraPreview(enable);
       this.cameraEnabled = enable;
     }
   }, {
     key: "setMicrophoneEnabled",
     value: function setMicrophoneEnabled(enable) {
+      var _this5 = this;
       var microphoneTrack = this._microphoneAudioTrack;
       if (enable) {
         microphoneTrack === null || microphoneTrack === void 0 || microphoneTrack.start();
@@ -915,6 +875,21 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
         this.microphoneVolumeLevel = 0;
       }
       this.microphoneEnabled = enable;
+
+      // 如果当前是跟随系统，应该重新获取一次当前系统默认麦克风设备，因为系统默认设备变更没有事件，这里需要进行纠正，否则重新开启设备时，开启的设备就是错的
+      if (this.followSystemMicrophoneDevice) {
+        this._mediaControl.getSystemSelectedMicrophone().then(function (deviceInfo) {
+          var systemSelectedMicrophoneId = deviceInfo === null || deviceInfo === void 0 ? void 0 : deviceInfo.deviceId;
+          if (systemSelectedMicrophoneId && systemSelectedMicrophoneId !== _this5._microphoneDeviceId) {
+            _this5.logger.info('[FcrDeviceStore] system selected microphone id changed, need update microphone track');
+            (0, _mobx.runInAction)(function () {
+              _this5._microphoneDeviceId = systemSelectedMicrophoneId;
+            });
+            _this5._refreshMicrophoneTrack();
+            _this5._observable.notifyObservers('onMicrophoneChanged', _this5._microphoneDeviceId);
+          }
+        });
+      }
     }
   }, {
     key: "toggleLocalMirror",
@@ -1071,54 +1046,55 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "setSpeakerId",
     value: function () {
-      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(speakerId) {
-        var _this5 = this;
+      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(speakerId) {
+        var _this6 = this;
         var speakerDeviceId, defaultDevice;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regenerator["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if (!(speakerId !== DEFAULT_DEVICE_ID && this.speakerId === speakerId)) {
-                _context4.next = 2;
+                _context6.next = 2;
                 break;
               }
-              return _context4.abrupt("return");
+              return _context6.abrupt("return");
             case 2:
               if (!speakerId) {
-                _context4.next = 13;
+                _context6.next = 13;
                 break;
               }
               speakerDeviceId = speakerId;
               if (!(speakerId === DEFAULT_DEVICE_ID)) {
-                _context4.next = 9;
+                _context6.next = 9;
                 break;
               }
-              _context4.next = 7;
+              _context6.next = 7;
               return this._mediaControl.getSystemSelectedSpeaker();
             case 7:
-              defaultDevice = _context4.sent;
+              defaultDevice = _context6.sent;
               speakerDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
             case 9:
               if (speakerDeviceId) {
                 this._mediaControl.setSelectedSpeaker(speakerDeviceId);
               }
               (0, _mobx.runInAction)(function () {
-                _this5._speakerDeviceId = speakerDeviceId;
-                _this5.speakerId = speakerId;
+                _this6._speakerDeviceId = speakerDeviceId;
+                _this6.speakerId = speakerId;
               });
-              _context4.next = 15;
+              _context6.next = 15;
               break;
             case 13:
               this._speakerDeviceId = speakerId;
               this.speakerId = speakerId;
             case 15:
+              this._mediaControl.followSystemSpeaker(speakerId === DEFAULT_DEVICE_ID);
               this._observable.notifyObservers('onSpeakerChanged', this._speakerDeviceId);
-            case 16:
+            case 17:
             case "end":
-              return _context4.stop();
+              return _context6.stop();
           }
-        }, _callee4, this);
+        }, _callee6, this);
       }));
-      function setSpeakerId(_x) {
+      function setSpeakerId(_x3) {
         return _setSpeakerId.apply(this, arguments);
       }
       return setSpeakerId;
@@ -1126,36 +1102,36 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "setMicrophoneId",
     value: function () {
-      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(microphoneId) {
+      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(microphoneId) {
         var _this$_microphoneAudi5,
           _this$_microphoneAudi6,
-          _this6 = this;
+          _this7 = this;
         var microphoneDeviceId, defaultDevice, _microphoneTrack;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!(microphoneId !== DEFAULT_DEVICE_ID && this.microphoneId === microphoneId)) {
-                _context5.next = 2;
+                _context7.next = 2;
                 break;
               }
-              return _context5.abrupt("return");
+              return _context7.abrupt("return");
             case 2:
               (_this$_microphoneAudi5 = this._microphoneAudioTrack) === null || _this$_microphoneAudi5 === void 0 || _this$_microphoneAudi5.removeObserver(this._microphoneObserver);
               (_this$_microphoneAudi6 = this._microphoneAudioTrack) === null || _this$_microphoneAudi6 === void 0 || _this$_microphoneAudi6.stop();
               this.stopMicrophoneTest();
               if (!microphoneId) {
-                _context5.next = 16;
+                _context7.next = 16;
                 break;
               }
               microphoneDeviceId = microphoneId;
               if (!(microphoneDeviceId === DEFAULT_DEVICE_ID)) {
-                _context5.next = 12;
+                _context7.next = 12;
                 break;
               }
-              _context5.next = 10;
+              _context7.next = 10;
               return this._mediaControl.getSystemSelectedMicrophone();
             case 10:
-              defaultDevice = _context5.sent;
+              defaultDevice = _context7.sent;
               microphoneDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
             case 12:
               if (microphoneDeviceId) {
@@ -1167,23 +1143,24 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                 this._microphoneAudioTrack = _microphoneTrack;
               }
               (0, _mobx.runInAction)(function () {
-                _this6._microphoneDeviceId = microphoneDeviceId;
-                _this6.microphoneId = microphoneId;
+                _this7._microphoneDeviceId = microphoneDeviceId;
+                _this7.microphoneId = microphoneId;
               });
-              _context5.next = 18;
+              _context7.next = 18;
               break;
             case 16:
               this._microphoneDeviceId = microphoneId;
               this.microphoneId = microphoneId;
             case 18:
+              this._mediaControl.followSystemMicrophone(microphoneId === DEFAULT_DEVICE_ID);
               this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDeviceId);
-            case 19:
+            case 20:
             case "end":
-              return _context5.stop();
+              return _context7.stop();
           }
-        }, _callee5, this);
+        }, _callee7, this);
       }));
-      function setMicrophoneId(_x2) {
+      function setMicrophoneId(_x4) {
         return _setMicrophoneId.apply(this, arguments);
       }
       return setMicrophoneId;
@@ -1192,6 +1169,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     key: "setSpeakerVolume",
     value: function setSpeakerVolume(value) {
       this.speakerVolume = value;
+      this._mediaControl.setSelectedSpeakerVolume(value);
     }
   }, {
     key: "setMicrophoneVolume",
@@ -1200,14 +1178,6 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       this.microphoneVolume = value;
       (_this$_microphoneAudi7 = this._microphoneAudioTrack) === null || _this$_microphoneAudi7 === void 0 || _this$_microphoneAudi7.adjustVolume(value);
     }
-  }, {
-    key: "actionsBeforeJoin",
-    value: function actionsBeforeJoin() {
-      // 未开启摄像头, 需要关闭摄像头加入房间
-      if (!this.cameraEnabled) {
-        this.startOrStopCamera(false);
-      }
-    }
   }, {
     key: "startOrStopCamera",
     value: function startOrStopCamera(enable) {
@@ -1229,42 +1199,16 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     value: function setShowCameraPreview(enable) {
       this.showCameraPreview = enable;
     }
-  }, {
-    key: "handleRealCameraEnabledChanged",
-    value: function handleRealCameraEnabledChanged(realEnable) {
-      this.startOrStopCamera(realEnable);
-      this.setShowCameraPreview(realEnable);
-    }
-  }, {
-    key: "handleCameraChanged",
-    value: function handleCameraChanged(enabled) {
-      var _this7 = this;
-      var localVideoViewSet = this._localVideoViewSet;
-      var cameraTrack = this._cameraVideoTrack;
-      if (!enabled && localVideoViewSet.size > 0 && cameraTrack) {
-        localVideoViewSet.forEach(function (view) {
-          cameraTrack.stopPreview(view);
-        });
-      }
-      if (enabled) {
-        localVideoViewSet.forEach(function (view) {
-          cameraTrack === null || cameraTrack === void 0 || cameraTrack.startPreview({
-            renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
-            isMirror: _this7.currentIsMirror
-          }, view);
-        });
-      }
-    }
   }, {
     key: "downloadUiResources",
     value: function () {
-      var _downloadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(uiResource) {
+      var _downloadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(uiResource) {
         var _uiResource$virtualBa,
           _this8 = this,
           _uiResource$virtualBa2,
           _uiResource$soundEffe;
-        return _regenerator["default"].wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regenerator["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               Promise.all([// images
               uiResource === null || uiResource === void 0 || (_uiResource$virtualBa = uiResource.virtualBackgroundImages) === null || _uiResource$virtualBa === void 0 ? void 0 : _uiResource$virtualBa.map(function (url) {
@@ -1314,11 +1258,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               })]);
             case 1:
             case "end":
-              return _context6.stop();
+              return _context8.stop();
           }
-        }, _callee6);
+        }, _callee8);
       }));
-      function downloadUiResources(_x3) {
+      function downloadUiResources(_x5) {
         return _downloadUiResources.apply(this, arguments);
       }
       return downloadUiResources;
@@ -1327,7 +1271,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     key: "release",
     value: function release() {
       var _this9 = this,
-        _this$_cameraVideoTra4,
+        _this$_cameraVideoTra3,
         _this$_microphoneAudi8;
       if (this._localVideoViewSet.size > 0) {
         this._localVideoViewSet.forEach(function (view) {
@@ -1336,74 +1280,23 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
         });
         this._localVideoViewSet.clear();
       }
-      (_this$_cameraVideoTra4 = this._cameraVideoTrack) === null || _this$_cameraVideoTra4 === void 0 || _this$_cameraVideoTra4.stop();
+      (_this$_cameraVideoTra3 = this._cameraVideoTrack) === null || _this$_cameraVideoTra3 === void 0 || _this$_cameraVideoTra3.stop();
       this._cameraVideoTrack = undefined;
       (_this$_microphoneAudi8 = this._microphoneAudioTrack) === null || _this$_microphoneAudi8 === void 0 || _this$_microphoneAudi8.stop();
       this._microphoneAudioTrack = undefined;
     }
-  }, {
-    key: "joinAudioByComputer",
-    value: function () {
-      var _joinAudioByComputer = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-        var list;
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
-            case 0:
-              list = this.microphoneList;
-              if (!(list.length > 0)) {
-                _context7.next = 7;
-                break;
-              }
-              _context7.next = 4;
-              return this.setMicrophoneId('default');
-            case 4:
-              this._eventProvider.showToast({
-                type: 'normal',
-                message: (0, _i18n.transI18n)('fmt_gateway_tips_nodata')
-              });
-              _context7.next = 10;
-              break;
-            case 7:
-              _context7.next = 9;
-              return this.setMicrophoneId('NO_DEVICE');
-            case 9:
-              this._eventProvider.showToast({
-                type: 'normal',
-                message: (0, _i18n.transI18n)('fmt_toolbar_label_nodevice')
-              });
-            case 10:
-              this.setConnectType(_type2.FcrUIConnectType.COMPUTER);
-              this._eventProvider.sendEvent(_constant.FcrUIAction.CONNECT_AUDIO);
-            case 12:
-            case "end":
-              return _context7.stop();
-          }
-        }, _callee7, this);
-      }));
-      function joinAudioByComputer() {
-        return _joinAudioByComputer.apply(this, arguments);
-      }
-      return joinAudioByComputer;
-    }()
-  }, {
-    key: "stopAudioByComputer",
-    value: function stopAudioByComputer() {
-      this.setMicrophoneId('');
-      this.setConnectType(_type2.FcrUIConnectType.NONE);
-      this._eventProvider.sendEvent(_constant.FcrUIAction.DISCONNECT_AUDIO);
-    }
   }, {
     key: "_fileToUiData",
     value: function () {
-      var _fileToUiData2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(resource, type) {
-        return _regenerator["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+      var _fileToUiData2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(resource, type) {
+        return _regenerator["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               if (!(typeof resource !== 'string')) {
-                _context8.next = 2;
+                _context9.next = 2;
                 break;
               }
-              return _context8.abrupt("return");
+              return _context9.abrupt("return");
             case 2:
               if (type === 'image' && (0, _tools.isPngOrJpg)(resource) || type === 'video' && (0, _tools.isMp4)(resource)) {
                 this._updateVirtualBackgroundList([].concat((0, _toConsumableArray2["default"])(this.virtualBackgroundList), [{
@@ -1421,11 +1314,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               }
             case 4:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this);
+        }, _callee9, this);
       }));
-      function _fileToUiData(_x4, _x5) {
+      function _fileToUiData(_x6, _x7) {
         return _fileToUiData2.apply(this, arguments);
       }
       return _fileToUiData;
@@ -1438,34 +1331,34 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_fetchZipAndUnzip",
     value: function () {
-      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(url, type) {
+      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10(url, type) {
         var _this10 = this;
         var md5Url, resource;
-        return _regenerator["default"].wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regenerator["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               if ((0, _tools.isResourceZipUrl)(url)) {
-                _context9.next = 2;
+                _context10.next = 2;
                 break;
               }
-              return _context9.abrupt("return", []);
+              return _context10.abrupt("return", []);
             case 2:
               md5Url = (0, _imports.md5)(url);
-              _context9.next = 5;
+              _context10.next = 5;
               return window.runtime.getResourceByFileType(url, md5Url, type);
             case 5:
-              resource = _context9.sent;
+              resource = _context10.sent;
               resource.forEach(function (item) {
                 _this10._fileToUiData(item, type);
               });
-              return _context9.abrupt("return", []);
+              return _context10.abrupt("return", []);
             case 8:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9);
+        }, _callee10);
       }));
-      function _fetchZipAndUnzip(_x6, _x7) {
+      function _fetchZipAndUnzip(_x8, _x9) {
         return _fetchZipAndUnzip2.apply(this, arguments);
       }
       return _fetchZipAndUnzip;
@@ -1503,26 +1396,49 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     key: "_handleCameraChanged",
     value: function _handleCameraChanged() {
       var enabled = this.showCameraPreview;
-      this.handleCameraChanged(enabled);
+      this.toggleLocalCameraPreview(enabled);
+    }
+  }, {
+    key: "toggleLocalCameraPreview",
+    value: function toggleLocalCameraPreview(enabled) {
+      var _this11 = this;
+      var localVideoViewSet = this._localVideoViewSet;
+      var cameraTrack = this._cameraVideoTrack;
+      if (!enabled && localVideoViewSet.size > 0 && cameraTrack) {
+        localVideoViewSet.forEach(function (view) {
+          cameraTrack.stopPreview(view);
+        });
+      }
+      if (enabled) {
+        localVideoViewSet.forEach(function (view) {
+          cameraTrack === null || cameraTrack === void 0 || cameraTrack.startPreview({
+            renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
+            isMirror: _this11.currentIsMirror
+          }, view);
+        });
+      }
     }
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
-        var _this11 = this;
-        var currentDeviceExist, _cameraEnabled, deviceId, _deviceId;
-        return _regenerator["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+        var _this12 = this;
+        var cameraList, currentDeviceExist, _cameraEnabled, deviceId, _deviceId;
+        return _regenerator["default"].wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              _context10.next = 2;
+              _context11.next = 2;
               return this._mediaControl.getCameraList();
             case 2:
-              this.cameraList = _context10.sent;
+              cameraList = _context11.sent;
+              (0, _mobx.runInAction)(function () {
+                _this12.cameraList = cameraList;
+              });
               currentDeviceExist = false;
               if (this.cameraId) {
-                currentDeviceExist = this.cameraList.some(function (_ref2) {
-                  var deviceId = _ref2.deviceId;
-                  return _this11.cameraId === deviceId;
+                currentDeviceExist = this.cameraList.some(function (_ref4) {
+                  var deviceId = _ref4.deviceId;
+                  return _this12.cameraId === deviceId;
                 });
                 _cameraEnabled = this.cameraEnabled;
                 if (!currentDeviceExist) {
@@ -1547,11 +1463,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                 }
               }
               this._observable.notifyObservers('onCameraListUpdated', this.cameraList);
-            case 7:
+            case 8:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10, this);
+        }, _callee11, this);
       }));
       function _handleCameraListUpdated() {
         return _handleCameraListUpdated2.apply(this, arguments);
@@ -1559,145 +1475,313 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       return _handleCameraListUpdated;
     }()
   }, {
-    key: "_handleMicrophoneListUpdated",
+    key: "_handleMicrophoneAdded",
     value: function () {
-      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
-        var _this12 = this;
-        var microphoneList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, _id;
-        return _regenerator["default"].wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+      var _handleMicrophoneAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
+        return _regenerator["default"].wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              _context11.next = 2;
-              return this._mediaControl.getMicrophoneList();
+              _context12.next = 2;
+              return this._handleMicrophoneListUpdated();
             case 2:
-              microphoneList = _context11.sent;
-              _context11.next = 5;
-              return this._mediaControl.getSystemSelectedMicrophone();
-            case 5:
-              defaultDevice = _context11.sent;
-              (0, _mobx.runInAction)(function () {
-                _this12.microphoneList = microphoneList.filter(function (item) {
-                  return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
-                });
-                var defaultIdDevice = _this12.microphoneList.find(function (item) {
-                  return item.deviceId === DEFAULT_DEVICE_ID;
-                });
-                if (!defaultIdDevice && defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceName) {
-                  _this12.microphoneList.unshift({
-                    deviceId: DEFAULT_DEVICE_ID,
-                    deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                      reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
-                    })
-                  });
-                }
-                if (defaultIdDevice && defaultIdDevice.deviceName) {
-                  defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
-                  });
-                }
-              });
-              if (this.followSystemMicrophoneDevice) {
-                if (defaultDevice && defaultDevice.deviceId !== this._microphoneDeviceId) {
-                  this.setMicrophoneId(DEFAULT_DEVICE_ID);
-                }
-              }
+              this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
+            case 3:
+            case "end":
+              return _context12.stop();
+          }
+        }, _callee12, this);
+      }));
+      function _handleMicrophoneAdded() {
+        return _handleMicrophoneAdded2.apply(this, arguments);
+      }
+      return _handleMicrophoneAdded;
+    }()
+  }, {
+    key: "_handleMicrophoneRemoved",
+    value: function () {
+      var _handleMicrophoneRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+        var _this13 = this;
+        var currentDeviceExist;
+        return _regenerator["default"].wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
+            case 0:
+              _context13.next = 2;
+              return this._handleMicrophoneListUpdated();
+            case 2:
+              // 如何设备移除了，应该切到跟随系统
               currentDeviceExist = this.microphoneList.find(function (item) {
-                return item.deviceId === _this12._microphoneDeviceId;
+                return item.deviceId === _this13._microphoneDeviceId;
               });
-              if (!currentDeviceExist) {
-                this.logger.info('[FcrDeviceStore] current microphone is unplugged, switch to follow system');
-                this.setMicrophoneId(DEFAULT_DEVICE_ID);
-              }
-              if (defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceId) {
-                hasNewDeviceJoin = this._microponeInitCount < microphoneList.length;
-                _id = hasNewDeviceJoin ? defaultDevice.deviceId : DEFAULT_DEVICE_ID;
-                this.setMicrophoneId(_id);
+              if (currentDeviceExist) {
+                _context13.next = 7;
+                break;
               }
-              this._microponeInitCount = microphoneList.length;
+              this.logger.info('[FcrDeviceStore] current microphone does not exist in microphone list, switch to follow system');
+              _context13.next = 7;
+              return this.setMicrophoneId(DEFAULT_DEVICE_ID);
+            case 7:
               this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
-            case 13:
+            case 8:
             case "end":
-              return _context11.stop();
+              return _context13.stop();
           }
-        }, _callee11, this);
+        }, _callee13, this);
+      }));
+      function _handleMicrophoneRemoved() {
+        return _handleMicrophoneRemoved2.apply(this, arguments);
+      }
+      return _handleMicrophoneRemoved;
+    }()
+  }, {
+    key: "_handleMicrophoneListUpdated",
+    value: function () {
+      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
+        var _this14 = this;
+        var microphoneList;
+        return _regenerator["default"].wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
+            case 0:
+              _context14.next = 2;
+              return this._getMicrophoneList();
+            case 2:
+              microphoneList = _context14.sent;
+              // 如果选择了跟随系统，浏览器下设备变更时需要更新 track 以保证当前设备 track 正确
+              if (this.followSystemMicrophoneDevice) {
+                this._refreshMicrophoneTrack();
+              }
+              (0, _mobx.runInAction)(function () {
+                _this14.microphoneList = microphoneList;
+              });
+            case 5:
+            case "end":
+              return _context14.stop();
+          }
+        }, _callee14, this);
       }));
       function _handleMicrophoneListUpdated() {
         return _handleMicrophoneListUpdated2.apply(this, arguments);
       }
       return _handleMicrophoneListUpdated;
     }()
+    /**
+     * 某些情况下需要重新创建 Track，比如：
+     * 1.浏览器中耳机插入，可能导致系统默认设备变更，此时应该重新创建 track
+     * 2.客户端中，系统默认设备变更时，并不会有回调发生，但是需要在下次开启或关闭设备时纠正当前系统设备ID
+     */
+  }, {
+    key: "_refreshMicrophoneTrack",
+    value: function _refreshMicrophoneTrack() {
+      var _this$_microphoneAudi9, _this$_microphoneAudi10;
+      (_this$_microphoneAudi9 = this._microphoneAudioTrack) === null || _this$_microphoneAudi9 === void 0 || _this$_microphoneAudi9.removeObserver(this._microphoneObserver);
+      (_this$_microphoneAudi10 = this._microphoneAudioTrack) === null || _this$_microphoneAudi10 === void 0 || _this$_microphoneAudi10.stop();
+      this._microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
+      this._microphoneAudioTrack.addObserver(this._microphoneObserver);
+      if (this.microphoneEnabled) {
+        this._microphoneAudioTrack.start();
+      } else {
+        this._microphoneAudioTrack.stop();
+      }
+    }
+  }, {
+    key: "_handleSpeakerAdded",
+    value: function () {
+      var _handleSpeakerAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
+        return _regenerator["default"].wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
+            case 0:
+              _context15.next = 2;
+              return this._handleSpeakerListUpdated();
+            case 2:
+              this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
+            case 3:
+            case "end":
+              return _context15.stop();
+          }
+        }, _callee15, this);
+      }));
+      function _handleSpeakerAdded() {
+        return _handleSpeakerAdded2.apply(this, arguments);
+      }
+      return _handleSpeakerAdded;
+    }()
+  }, {
+    key: "_handleSpeakerRemoved",
+    value: function () {
+      var _handleSpeakerRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
+        var _this15 = this;
+        var currentDeviceExist;
+        return _regenerator["default"].wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
+            case 0:
+              _context16.next = 2;
+              return this._handleSpeakerListUpdated();
+            case 2:
+              // 如何设备移除了，应该切到跟随系统
+              currentDeviceExist = this.speakerList.find(function (item) {
+                return item.deviceId === _this15._speakerDeviceId;
+              });
+              if (currentDeviceExist) {
+                _context16.next = 7;
+                break;
+              }
+              this.logger.info('[FcrDeviceStore] current speaker does not exist in speaker list, switch to follow system');
+              _context16.next = 7;
+              return this.setSpeakerId(DEFAULT_DEVICE_ID);
+            case 7:
+              this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
+            case 8:
+            case "end":
+              return _context16.stop();
+          }
+        }, _callee16, this);
+      }));
+      function _handleSpeakerRemoved() {
+        return _handleSpeakerRemoved2.apply(this, arguments);
+      }
+      return _handleSpeakerRemoved;
+    }()
   }, {
     key: "_handleSpeakerListUpdated",
     value: function () {
-      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-        var _this13 = this;
-        var speakerList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, _id2;
-        return _regenerator["default"].wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
+        var _this16 = this;
+        var speakerList;
+        return _regenerator["default"].wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
-              _context12.next = 2;
-              return this._mediaControl.getSpeakerList();
+              _context17.next = 2;
+              return this._getSpeakerList();
             case 2:
-              speakerList = _context12.sent;
-              _context12.next = 5;
-              return this._mediaControl.getSystemSelectedSpeaker();
-            case 5:
-              defaultDevice = _context12.sent;
+              speakerList = _context17.sent;
               (0, _mobx.runInAction)(function () {
-                _this13.speakerList = speakerList.filter(function (item) {
-                  return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
+                _this16.speakerList = speakerList;
+              });
+            case 4:
+            case "end":
+              return _context17.stop();
+          }
+        }, _callee17, this);
+      }));
+      function _handleSpeakerListUpdated() {
+        return _handleSpeakerListUpdated2.apply(this, arguments);
+      }
+      return _handleSpeakerListUpdated;
+    }()
+  }, {
+    key: "_getMicrophoneList",
+    value: function () {
+      var _getMicrophoneList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
+        var defaultDevice, list, defaultIdDevice;
+        return _regenerator["default"].wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
+            case 0:
+              _context18.next = 2;
+              return this._mediaControl.getSystemSelectedMicrophone();
+            case 2:
+              defaultDevice = _context18.sent;
+              _context18.next = 5;
+              return this._mediaControl.getMicrophoneList();
+            case 5:
+              list = _context18.sent;
+              list.forEach(function (item) {
+                var results = /^default \((.*)\)$/.exec(item.deviceName);
+                if (results && results.length > 1) {
+                  item.deviceName = results[1];
+                }
+              });
+
+              // 过滤掉虚拟声卡
+              list = list.filter(function (item) {
+                return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
+              });
+              // 加入默认设备
+              defaultIdDevice = list.find(function (item) {
+                return item.deviceId === DEFAULT_DEVICE_ID;
+              }); // 设备列表中没有默认设备，但是系统默认设备存在
+              if (!defaultIdDevice && defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceName) {
+                list.unshift({
+                  deviceId: DEFAULT_DEVICE_ID,
+                  deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                  })
                 });
-                var defaultIdDevice = _this13.speakerList.find(function (item) {
-                  return item.deviceId === DEFAULT_DEVICE_ID;
+              }
+
+              // 设备列表中有默认设备
+              if (defaultIdDevice && defaultIdDevice.deviceName) {
+                defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                  reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                 });
-                if (!defaultIdDevice) {
-                  _this13.speakerList.unshift({
-                    deviceId: DEFAULT_DEVICE_ID,
-                    deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                      reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
-                    })
-                  });
-                } else {
-                  defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
-                  });
+              }
+              return _context18.abrupt("return", list);
+            case 12:
+            case "end":
+              return _context18.stop();
+          }
+        }, _callee18, this);
+      }));
+      function _getMicrophoneList() {
+        return _getMicrophoneList2.apply(this, arguments);
+      }
+      return _getMicrophoneList;
+    }()
+  }, {
+    key: "_getSpeakerList",
+    value: function () {
+      var _getSpeakerList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
+        var defaultDevice, list, defaultIdDevice;
+        return _regenerator["default"].wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
+            case 0:
+              _context19.next = 2;
+              return this._mediaControl.getSystemSelectedSpeaker();
+            case 2:
+              defaultDevice = _context19.sent;
+              _context19.next = 5;
+              return this._mediaControl.getSpeakerList();
+            case 5:
+              list = _context19.sent;
+              list.forEach(function (item) {
+                var results = /^default \((.*)\)$/.exec(item.deviceName);
+                if (results && results.length > 1) {
+                  item.deviceName = results[1];
                 }
               });
-              if (this.followSystemSpeakerDevice) {
-                if (defaultDevice && defaultDevice.deviceId !== this._speakerDeviceId) {
-                  this.setSpeakerId(DEFAULT_DEVICE_ID);
-                }
-              }
-              currentDeviceExist = this.speakerList.find(function (item) {
-                return item.deviceId === _this13._speakerDeviceId;
+
+              // 过滤掉虚拟声卡
+              list = list.filter(function (item) {
+                return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
               });
-              if (!currentDeviceExist) {
-                this.logger.info('[FcrDeviceStore] current speaker is unplugged, switch to follow system');
-                this.setSpeakerId(DEFAULT_DEVICE_ID);
+              defaultIdDevice = list.find(function (item) {
+                return item.deviceId === DEFAULT_DEVICE_ID;
+              }); // 设备列表中没有默认设备，但是系统默认设备存在
+              if (!defaultIdDevice && defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceName) {
+                list.unshift({
+                  deviceId: DEFAULT_DEVICE_ID,
+                  deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                  })
+                });
               }
-              if (defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceId) {
-                hasNewDeviceJoin = this._speakerInitCount < speakerList.length;
-                _id2 = hasNewDeviceJoin ? defaultDevice.deviceId : DEFAULT_DEVICE_ID;
-                this.setSpeakerId(_id2);
+
+              // 设备列表中有默认设备
+              if (defaultIdDevice && defaultIdDevice.deviceName) {
+                defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                  reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                });
               }
-              this._speakerInitCount = speakerList.length;
-              this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
-            case 13:
+              return _context19.abrupt("return", list);
+            case 12:
             case "end":
-              return _context12.stop();
+              return _context19.stop();
           }
-        }, _callee12, this);
+        }, _callee19, this);
       }));
-      function _handleSpeakerListUpdated() {
-        return _handleSpeakerListUpdated2.apply(this, arguments);
+      function _getSpeakerList() {
+        return _getSpeakerList2.apply(this, arguments);
       }
-      return _handleSpeakerListUpdated;
+      return _getSpeakerList;
     }()
-  }, {
-    key: "setAudioConnected",
-    value: function setAudioConnected(enable) {
-      this.isAudioConnected = enable;
-    }
   }, {
     key: "setMainRoomAudioOff",
     value: function setMainRoomAudioOff(enable) {
@@ -1706,7 +1790,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }]);
 }();
 _FcrUIDeviceProviderImpl = FcrUIDeviceProviderImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIDeviceProviderImpl, [[_mobx.observable, 1, "_microphoneDeviceId"], [_mobx.observable, 1, "_speakerDeviceId"], [_mobx.observable, 1, "currentIsMirror"], [_mobx.observable, 1, "showForceOpenEffectDialog"], [_mobx.observable, 1, "cameraId"], [_mobx.observable, 1, "microphoneId"], [_mobx.observable, 1, "speakerId"], [_mobx.observable, 1, "cameraEnabled"], [_mobx.observable, 1, "showCameraPreview"], [_mobx.observable, 1, "microphoneEnabled"], [_mobx.observable, 1, "cameraList"], [_mobx.observable, 1, "microphoneList"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "speakerList"], [_mobx.observable, 1, "isLocalMirrorEnabled"], [_mobx.observable, 1, "isLocalEditBeautyOptions"], [_mobx.observable, 1, "speakerVolumeLevel"], [_mobx.observable, 1, "speakerVolume"], [_mobx.observable, 1, "microphoneVolume"], [_mobx.observable, 1, "virtualBackgroundName"], [_mobx.observable, 1, "enableBeauty"], [_mobx.observable, 1, "beautyKey"], [_mobx.observable, 1, "beautyOptions"], [_mobx.observable, 1, "virtualBackgroundList"], [_mobx.observable, 1, "soundEffectList"], [_mobx.observable, 1, "microphoneDetecting"], [_mobx.observable, 1, "speakerDetecting"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "isAudioConnected"], [_mobx.observable, 1, "isMainRoomAudioOff"], [_imports.bound, 2, "connectAudio"], [_imports.bound, 2, "disconnectAudio"], [_mobx.computed, 3, "cameraDeviceList"], [_mobx.computed, 3, "microphoneDeviceList"], [_mobx.computed, 3, "speakerDeviceList"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_startSpeakerTestDecs, 18, "startSpeakerTest"], [_stopSpeakerTestDecs, 18, "stopSpeakerTest"], [_setCurrentIsMirrorDecs, 18, "setCurrentIsMirror"], [_toggleLocalMirrorPreviewDecs, 18, "toggleLocalMirrorPreview"], [_setBeautyOptionsDecs, 18, "setBeautyOptions"], [_handleCancelForceOpenVideoEffectDecs, 18, "handleCancelForceOpenVideoEffect"], [_handleForceOpenVideoEffectDecs, 18, "handleForceOpenVideoEffect"], [_imports.bound, 2, "setVideoOrientation"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_setMicrophoneEnabledDecs, 18, "setMicrophoneEnabled"], [_toggleLocalMirrorDecs, 18, "toggleLocalMirror"], [_resetMirrorDecs, 18, "resetMirror"], [_startMicrophoneTestDecs, 18, "startMicrophoneTest"], [_stopMicrophoneTestDecs, 18, "stopMicrophoneTest"], [_enableVirtualBackgroundDecs, 18, "enableVirtualBackground"], [_setEditBeautyKeyDecs, 18, "setEditBeautyKey"], [_enableBeautyEffectDecs, 18, "enableBeautyEffect"], [_setCameraIdDecs, 18, "setCameraId"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_actionsBeforeJoinDecs, 18, "actionsBeforeJoin"], [_downloadUiResourcesDecs, 18, "downloadUiResources"], [_imports.bound, 2, "joinAudioByComputer"], [_imports.bound, 2, "stopAudioByComputer"], [_setConnectTypeDecs, 18, "setConnectType"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSpeakerTestVolumeIndicationUpdatedDecs, 18, "_handleSpeakerTestVolumeIndicationUpdated"], [_handleSpeakerVolumeUpdatedDecs, 18, "_handleSpeakerVolumeUpdated"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_imports.bound, 2, "_handleCameraChanged"], [_handleCameraListUpdatedDecs, 18, "_handleCameraListUpdated"], [_handleMicrophoneListUpdatedDecs, 18, "_handleMicrophoneListUpdated"], [_handleSpeakerListUpdatedDecs, 18, "_handleSpeakerListUpdated"], [_setAudioConnectedDecs, 18, "setAudioConnected"], [_setMainRoomAudioOffDecs, 18, "setMainRoomAudioOff"]], []).e, 31);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIDeviceProviderImpl, [[_mobx.observable, 1, "_microphoneDeviceId"], [_mobx.observable, 1, "_speakerDeviceId"], [_mobx.observable, 1, "currentIsMirror"], [_mobx.observable, 1, "showForceOpenEffectDialog"], [_mobx.observable, 1, "cameraId"], [_mobx.observable, 1, "microphoneId"], [_mobx.observable, 1, "speakerId"], [_mobx.observable, 1, "cameraEnabled"], [_mobx.observable, 1, "showCameraPreview"], [_mobx.observable, 1, "microphoneEnabled"], [_mobx.observable, 1, "cameraList"], [_mobx.observable, 1, "microphoneList"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "speakerList"], [_mobx.observable, 1, "isLocalMirrorEnabled"], [_mobx.observable, 1, "isLocalEditBeautyOptions"], [_mobx.observable, 1, "speakerVolumeLevel"], [_mobx.observable, 1, "speakerVolume"], [_mobx.observable, 1, "microphoneVolume"], [_mobx.observable, 1, "virtualBackgroundName"], [_mobx.observable, 1, "enableBeauty"], [_mobx.observable, 1, "beautyKey"], [_mobx.observable, 1, "beautyOptions"], [_mobx.observable, 1, "virtualBackgroundList"], [_mobx.observable, 1, "soundEffectList"], [_mobx.observable, 1, "microphoneDetecting"], [_mobx.observable, 1, "speakerDetecting"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "isMainRoomAudioOff"], [_imports.bound, 2, "connectAudio"], [_imports.bound, 2, "disconnectAudio"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_startSpeakerTestDecs, 18, "startSpeakerTest"], [_stopSpeakerTestDecs, 18, "stopSpeakerTest"], [_setCurrentIsMirrorDecs, 18, "setCurrentIsMirror"], [_toggleLocalMirrorPreviewDecs, 18, "toggleLocalMirrorPreview"], [_setBeautyOptionsDecs, 18, "setBeautyOptions"], [_handleCancelForceOpenVideoEffectDecs, 18, "handleCancelForceOpenVideoEffect"], [_handleForceOpenVideoEffectDecs, 18, "handleForceOpenVideoEffect"], [_imports.bound, 2, "setVideoOrientation"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_setMicrophoneEnabledDecs, 18, "setMicrophoneEnabled"], [_toggleLocalMirrorDecs, 18, "toggleLocalMirror"], [_resetMirrorDecs, 18, "resetMirror"], [_startMicrophoneTestDecs, 18, "startMicrophoneTest"], [_stopMicrophoneTestDecs, 18, "stopMicrophoneTest"], [_enableVirtualBackgroundDecs, 18, "enableVirtualBackground"], [_setEditBeautyKeyDecs, 18, "setEditBeautyKey"], [_enableBeautyEffectDecs, 18, "enableBeautyEffect"], [_setCameraIdDecs, 18, "setCameraId"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_downloadUiResourcesDecs, 18, "downloadUiResources"], [_setConnectTypeDecs, 18, "setConnectType"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSpeakerTestVolumeIndicationUpdatedDecs, 18, "_handleSpeakerTestVolumeIndicationUpdated"], [_handleSpeakerVolumeUpdatedDecs, 18, "_handleSpeakerVolumeUpdated"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_imports.bound, 2, "_handleCameraChanged"], [_imports.bound, 2, "toggleLocalCameraPreview"], [_imports.bound, 2, "_handleCameraListUpdated"], [_imports.bound, 2, "_handleMicrophoneAdded"], [_imports.bound, 2, "_handleMicrophoneRemoved"], [_imports.bound, 2, "_handleMicrophoneListUpdated"], [_handleSpeakerAddedDecs, 18, "_handleSpeakerAdded"], [_handleSpeakerRemovedDecs, 18, "_handleSpeakerRemoved"], [_handleSpeakerListUpdatedDecs, 18, "_handleSpeakerListUpdated"], [_setMainRoomAudioOffDecs, 18, "setMainRoomAudioOff"]], []).e, 30);
 _init__microphoneDeviceId = _applyDecs$e[0];
 _init__speakerDeviceId = _applyDecs$e[1];
 _init_currentIsMirror = _applyDecs$e[2];
@@ -1735,7 +1819,6 @@ _init_soundEffectList = _applyDecs$e[24];
 _init_microphoneDetecting = _applyDecs$e[25];
 _init_speakerDetecting = _applyDecs$e[26];
 _init_connectType = _applyDecs$e[27];
-_init_isAudioConnected = _applyDecs$e[28];
-_init_isMainRoomAudioOff = _applyDecs$e[29];
-_initProto = _applyDecs$e[30];
+_init_isMainRoomAudioOff = _applyDecs$e[28];
+_initProto = _applyDecs$e[29];
 (0, _base.registerDependency)('deviceProvider');