fcr-ui-scene 3.7.2 → 3.7.4-rc.1

package/lib/providers/device-provider.js

@@ -28,6 +28,7 @@ require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.array.some.js");
 require("core-js/modules/es.array.sort.js");
@@ -47,6 +48,7 @@ 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.map.js");
+require("core-js/modules/esnext.iterator.reduce.js");
 require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/esnext.map.delete-all.js");
 require("core-js/modules/esnext.map.emplace.js");
@@ -105,7 +107,7 @@ var _imports = require("fcr-core/lib/imports");
 var _base = require("../base");
 var _env = require("agora-foundation/lib/utilities/env");
 var _fcrCore = require("fcr-core");
-var _type = require("agora-rte-sdk/lib/core/rtc/type");
+var _type = require("fcr-core/lib/type");
 var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _mobx = require("mobx");
@@ -114,7 +116,7 @@ var _type2 = require("../type");
 var _tools = require("../utilities/tools");
 var _logger = require("../utilities/logger");
 var _FcrUIDeviceProviderImpl;
-var _initProto, _init__microphoneDevice, _init__microphone, _init__speakerDevice, _init__speaker, _init_currentIsMirror, _init_showForceOpenEffectDialog, _init_cameraId, _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, _initDeviceListDecs, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _handleSpeakerDetectingChangedDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _handleMicrophoneAudioTrackDecs, _setMicrophoneEnabledDecs, _handleMicrophoneEnabledChangedDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _handleMicrophoneDetectingChangedDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _loadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSystemSelectedSpeakerChangedDecs, _handleSystemSelectedMicrophoneChangedDecs, _correctSystemSelectedMicrophoneDeviceIdDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleSpeakerAddedDecs, _handleSpeakerRemovedDecs, _handleSpeakerListUpdatedDecs, _setMainRoomAudioOffDecs, _ref;
+var _initProto, _init__microphoneDevice, _init__microphone, _init__speakerDevice, _init__speaker, _init__cameraDevice, _init_currentIsMirror, _init_showForceOpenEffectDialog, _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, _handleCameraEnabledChangedDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setMainRoomAudioOffDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _startOrStopCameraDecs, _setShowCameraPreviewDecs, _loadUiResourcesDecs, _loadZipResourcesDecs, _setConnectTypeDecs, _toggleLocalCameraPreviewDecs, _getLoopbackDeviceIdDecs, _initDeviceListDecs, _handleMicrophoneAudioTrackDecs, _handleMicrophoneEnabledChangedDecs, _handleCameraVideoTrackDecs, _handleSpeakerDetectingChangedDecs, _stopSelectedSpeakerTestDecs, _handleMicrophoneDetectingChangedDecs, _stopMicrophoneTestDecs2, _updateVirtualBackgroundListDecs, _handleSystemSelectedSpeakerChangedDecs, _handleSystemSelectedMicrophoneChangedDecs, _correctSystemSelectedMicrophoneDeviceIdDecs, _handleSelectedSpeakerVolumeUpdatedDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleSpeakerAddedDecs, _handleSpeakerRemovedDecs, _handleSpeakerListUpdatedDecs, _getMicrophoneListDecs, _getSpeakerListDecs, _formatDeviceListDecs, _loadBuiltinResourcesDecs, _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; }
@@ -127,6 +129,9 @@ 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 getDeviceVolumeLevel = function getDeviceVolumeLevel(volume) {
+  return Math.floor(volume / 255 * 100);
+};
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -156,7 +161,7 @@ var _Z = /*#__PURE__*/new WeakMap();
 var _a = /*#__PURE__*/new WeakMap();
 var _b = /*#__PURE__*/new WeakMap();
 var _c = /*#__PURE__*/new WeakMap();
-_ref = (_initDeviceListDecs = [_mobx.action, _mobx.action.bound], _startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerDetectingChangedDecs = [_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], _handleMicrophoneAudioTrackDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneEnabledDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneEnabledChangedDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorDecs = [_mobx.action, _mobx.action.bound], _resetMirrorDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneDetectingChangedDecs = [_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], _loadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _setConnectTypeDecs = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSystemSelectedSpeakerChangedDecs = [_mobx.action, _mobx.action.bound], _handleSystemSelectedMicrophoneChangedDecs = [_mobx.action, _mobx.action.bound], _correctSystemSelectedMicrophoneDeviceIdDecs = [_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");
+_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], _handleCameraEnabledChangedDecs = [_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], _setMainRoomAudioOffDecs = [_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], _startOrStopCameraDecs = [_mobx.action, _mobx.action.bound], _setShowCameraPreviewDecs = [_mobx.action, _mobx.action.bound], _loadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _loadZipResourcesDecs = [_mobx.action, _mobx.action.bound], _setConnectTypeDecs = [_mobx.action, _mobx.action.bound], _toggleLocalCameraPreviewDecs = [_mobx.action, _mobx.action.bound], _getLoopbackDeviceIdDecs = [_mobx.action, _mobx.action.bound], _initDeviceListDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneAudioTrackDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneEnabledChangedDecs = [_mobx.action, _mobx.action.bound], _handleCameraVideoTrackDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerDetectingChangedDecs = [_mobx.action, _mobx.action.bound], _stopSelectedSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneDetectingChangedDecs = [_mobx.action, _mobx.action.bound], _stopMicrophoneTestDecs2 = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSystemSelectedSpeakerChangedDecs = [_mobx.action, _mobx.action.bound], _handleSystemSelectedMicrophoneChangedDecs = [_mobx.action, _mobx.action.bound], _correctSystemSelectedMicrophoneDeviceIdDecs = [_mobx.action, _mobx.action.bound], _handleSelectedSpeakerVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerTestVolumeIndicationUpdatedDecs = [_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], _getMicrophoneListDecs = [_mobx.action, _mobx.action.bound], _getSpeakerListDecs = [_mobx.action, _mobx.action.bound], _formatDeviceListDecs = [_mobx.action, _mobx.action.bound], _loadBuiltinResourcesDecs = [_mobx.action, _mobx.action.bound], "logger");
 var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/function () {
   function FcrUIDeviceProviderImpl(_eventProvider, _mediaControl, _sharedSettingDataSource) {
     var _this = this;
@@ -169,9 +174,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     (0, _defineProperty2["default"])(this, "_hasExecutedOpenCamera", false);
     (0, _defineProperty2["default"])(this, "_hasExecutedConnectAudio", false);
     (0, _defineProperty2["default"])(this, "_isAudioConnected", false);
+    (0, _defineProperty2["default"])(this, "_cameraVideoTrack", null);
     (0, _defineProperty2["default"])(this, "_microphoneAudioTrack", null);
     (0, _defineProperty2["default"])(this, "_localVideoViewSet", new Set());
-    (0, _defineProperty2["default"])(this, "_videoRotation", _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0);
+    (0, _defineProperty2["default"])(this, "_videoRotation", _type.FcrVideoOrientation.VIDEO_ORIENTATION_0);
+    (0, _defineProperty2["default"])(this, "_released", false);
     // 强制开启美颜
     (0, _defineProperty2["default"])(this, "_isForceEnableBeauty", false);
     // 强制开启虚拟背景
@@ -183,43 +190,38 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       onVolumeIndicationUpdated: this._handleMicrophoneVolumeIndicationUpdated
     });
     (0, _defineProperty2["default"])(this, "_mediaControlObserver", {
-      onCameraAdded: this._handleCameraListUpdated,
-      onCameraRemoved: this._handleCameraListUpdated,
+      onCameraAdded: this._handleCameraAdded,
+      onCameraRemoved: this._handleCameraRemoved,
       onMicrophoneAdded: this._handleMicrophoneAdded,
       onMicrophoneRemoved: this._handleMicrophoneRemoved,
       onSpeakerAdded: this._handleSpeakerAdded,
       onSpeakerRemoved: this._handleSpeakerRemoved,
       onSpeakerTestVolumeIndicationUpdated: this._handleSpeakerTestVolumeIndicationUpdated,
-      onSelectedSpeakerVolumeUpdated: this._handleSpeakerVolumeUpdated,
+      onSelectedSpeakerVolumeUpdated: this._handleSelectedSpeakerVolumeUpdated,
       onSystemSelectedSpeakerChanged: this._handleSystemSelectedSpeakerChanged,
       onSystemSelectedMicrophoneChanged: this._handleSystemSelectedMicrophoneChanged
     });
     (0, _defineProperty2["default"])(this, "_defaultMirror", true);
     (0, _defineProperty2["default"])(this, "_volumeIndicationInterval", 200);
-    // real microphone device id
     _classPrivateFieldInitSpec(this, _A, _init__microphoneDevice(this, {
       id: null
     }));
     _classPrivateFieldInitSpec(this, _B, _init__microphone(this, {
       id: DEFAULT_DEVICE_ID
     }));
-    // real speaker device id
-    // @observable private accessor _speakerDeviceId = '';
     _classPrivateFieldInitSpec(this, _C, _init__speakerDevice(this, {
       id: null
     }));
     _classPrivateFieldInitSpec(this, _D, _init__speaker(this, {
       id: DEFAULT_DEVICE_ID
     }));
+    _classPrivateFieldInitSpec(this, _E, _init__cameraDevice(this, {
+      id: null
+    }));
     // 是否开启镜像
-    _classPrivateFieldInitSpec(this, _E, _init_currentIsMirror(this, true));
+    _classPrivateFieldInitSpec(this, _F, _init_currentIsMirror(this, true));
     // 是否展示展示强制开启特效弹窗
-    _classPrivateFieldInitSpec(this, _F, _init_showForceOpenEffectDialog(this, false));
-    // selected camera id, it is the real device id
-    _classPrivateFieldInitSpec(this, _G, _init_cameraId(this, ''));
-    // selected microphone id, for ui display, could be 'default' or real device id
-    // selected speaker id, for ui display, could be 'default' or real device id
-    // @observable accessor speakerId = DEFAULT_DEVICE_ID;
+    _classPrivateFieldInitSpec(this, _G, _init_showForceOpenEffectDialog(this, false));
     _classPrivateFieldInitSpec(this, _H, _init_cameraEnabled(this, false));
     _classPrivateFieldInitSpec(this, _I, _init_showCameraPreview(this, false));
     _classPrivateFieldInitSpec(this, _J, _init_microphoneEnabled(this, false));
@@ -252,8 +254,10 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     this._mediaControl = _mediaControl;
     this._sharedSettingDataSource = _sharedSettingDataSource;
     this._disposer.push((0, _mobx.reaction)(function () {
-      return _this.cameraId;
-    }, this._handleCameraChanged), (0, _mobx.reaction)(function () {
+      return _this.cameraEnabled;
+    }, this._handleCameraEnabledChanged), (0, _mobx.reaction)(function () {
+      return _this._cameraDevice;
+    }, this._handleCameraDeviceIdChanged), (0, _mobx.reaction)(function () {
       return _this.microphoneEnabled;
     }, this._handleMicrophoneEnabledChanged), (0, _mobx.reaction)(function () {
       return _this._microphone;
@@ -269,6 +273,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       return _this.microphoneDetecting;
     }, this._handleMicrophoneDetectingChanged));
     this._mediaControl.addObserver(this._mediaControlObserver);
+    this._initDeviceList();
     (0, _mobx.runInAction)(function () {
       _this.speakerVolume = _this._mediaControl.getSelectedSpeakerVolume();
     });
@@ -306,7 +311,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "currentIsMirror",
+    key: "_cameraDevice",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -314,7 +319,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "showForceOpenEffectDialog",
+    key: "currentIsMirror",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -322,7 +327,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "cameraId",
+    key: "showForceOpenEffectDialog",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -617,6 +622,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       this.setConnectType(_type2.FcrUIConnectType.NONE);
       this._observable.notifyObservers('onAudioDisconnected');
     }
+  }, {
+    key: "cameraId",
+    get: function get() {
+      return this._cameraDevice.id || '';
+    }
   }, {
     key: "speakerId",
     get: function get() {
@@ -654,7 +664,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     key: "currentDeviceId",
     get: function get() {
       return {
-        cameraDeviceId: this.cameraId,
+        cameraDeviceId: this._cameraDevice.id || '',
         microphoneDeviceId: this._microphoneDevice.id || '',
         speakerDeviceId: this._speakerDevice.id || ''
       };
@@ -669,6 +679,25 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     get: function get() {
       return !this._sharedSettingDataSource.media.microphoneExpectedOff && this._sharedSettingDataSource.media.autoConnectAudio;
     }
+  }, {
+    key: "release",
+    value: function release() {
+      var _this$_cameraVideoTra, _this$_microphoneAudi;
+      this._released = true;
+      this._mediaControl.removeObserver(this._mediaControlObserver);
+      this._toggleLocalCameraPreview(false);
+      this._localVideoViewSet.clear();
+      (_this$_cameraVideoTra = this._cameraVideoTrack) === null || _this$_cameraVideoTra === void 0 || _this$_cameraVideoTra.stop();
+      this._cameraVideoTrack = null;
+      this._stopSelectedSpeakerTest();
+      this._stopMicrophoneTest();
+      (_this$_microphoneAudi = this._microphoneAudioTrack) === null || _this$_microphoneAudi === void 0 || _this$_microphoneAudi.stop();
+      this._microphoneAudioTrack = null;
+      this._disposer.forEach(function (disposer) {
+        return disposer();
+      });
+      this._disposer = [];
+    }
   }, {
     key: "getScreenTrack",
     value: function getScreenTrack(id) {
@@ -679,11 +708,6 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     value: function getLoopbackTrack(id) {
       return this._mediaControl.getLoopbackTrack(id);
     }
-  }, {
-    key: "checkLoopbackDevice",
-    value: function checkLoopbackDevice() {
-      return this._mediaControl.checkLoopbackDevice();
-    }
   }, {
     key: "isCapabilitySupported",
     value: function isCapabilitySupported(type) {
@@ -702,81 +726,13 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "cameraTrack",
     get: function get() {
-      return this._mediaControl.getCameraTrack(this.cameraId);
+      return this._cameraVideoTrack;
     }
   }, {
     key: "microphoneTrack",
     get: function get() {
-      return this._microphoneDevice.id ? this._mediaControl.getMicrophoneTrack(this._microphoneDevice.id) : null;
+      return this._microphoneAudioTrack;
     }
-  }, {
-    key: "initDeviceList",
-    value: function () {
-      var _initDeviceList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-        var _this2 = this;
-        return _regenerator["default"].wrap(function (_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              return _context5.abrupt("return", Promise.all([this._mediaControl.getCameraList().then(function (list) {
-                (0, _mobx.runInAction)(function () {
-                  _this2.logger.info('[FcrDeviceStore] init camera list:', list);
-                  _this2.cameraList = list;
-                  if (_this2.cameraList.length > 0) {
-                    var defaultCameraDeviceId = _this2.cameraList[0].deviceId;
-                    _this2.logger.info('[FcrDeviceStore] select default camera id:', defaultCameraDeviceId);
-                    _this2.setCameraId(defaultCameraDeviceId);
-                  }
-                });
-              }), this._getMicrophoneList().then(/*#__PURE__*/function () {
-                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(microphoneList) {
-                  return _regenerator["default"].wrap(function (_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
-                      case 0:
-                        _this2.microphoneList = microphoneList;
-                        _this2.logger.info('[FcrDeviceStore] init microphone list:', microphoneList);
-                        // 默认跟随系统
-                        _context3.next = 1;
-                        return _this2.setMicrophoneId(DEFAULT_DEVICE_ID);
-                      case 1:
-                      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 (_context4) {
-                    while (1) switch (_context4.prev = _context4.next) {
-                      case 0:
-                        _this2.speakerList = speakerList;
-                        _this2.logger.info('[FcrDeviceStore] init speaker list:', speakerList);
-                        // 默认跟随系统
-                        _context4.next = 1;
-                        return _this2.setSpeakerId(DEFAULT_DEVICE_ID);
-                      case 1:
-                      case "end":
-                        return _context4.stop();
-                    }
-                  }, _callee4);
-                }));
-                return function (_x2) {
-                  return _ref3.apply(this, arguments);
-                };
-              }())]));
-            case 1:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5, this);
-      }));
-      function initDeviceList() {
-        return _initDeviceList.apply(this, arguments);
-      }
-      return initDeviceList;
-    }()
   }, {
     key: "addObserver",
     value: function addObserver(observer) {
@@ -791,9 +747,8 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     key: "startPlayLocalVideo",
     value: function startPlayLocalVideo(view) {
       var isMirror = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.currentIsMirror;
-      if (!this.cameraId || !view) return;
+      if (!this._cameraVideoTrack || !view) return;
       this._localVideoViewSet.add(view);
-      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
       this._cameraVideoTrack.startPreview({
         renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
         isMirror: isMirror
@@ -803,40 +758,10 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "stopPlayLocalVideo",
     value: function stopPlayLocalVideo(view) {
-      var _this$_cameraVideoTra;
+      var _this$_cameraVideoTra2;
       if (!view) return;
       this._localVideoViewSet["delete"](view);
-      (_this$_cameraVideoTra = this._cameraVideoTrack) === null || _this$_cameraVideoTra === void 0 || _this$_cameraVideoTra.stopPreview(view);
-    }
-  }, {
-    key: "_handleSpeakerDetectingChanged",
-    value: function _handleSpeakerDetectingChanged() {
-      var _this3 = this;
-      if (this.microphoneEnabled) {
-        if (this.speakerDetecting) {
-          var _this$_microphoneAudi;
-          (_this$_microphoneAudi = this._microphoneAudioTrack) === null || _this$_microphoneAudi === void 0 || _this$_microphoneAudi.stop();
-        } else {
-          var _this$_microphoneAudi2;
-          (_this$_microphoneAudi2 = this._microphoneAudioTrack) === null || _this$_microphoneAudi2 === void 0 || _this$_microphoneAudi2.start();
-        }
-      }
-      this._playAudioTimer && clearInterval(this._playAudioTimer);
-      if (this.speakerDetecting) {
-        var startSelectedSpeakerTest = function startSelectedSpeakerTest() {
-          var _this3$soundEffectLis, _this3$soundEffectLis2;
-          var soundUrl = (0, _env.isElectron)() ? (_this3$soundEffectLis = _this3.soundEffectList.get('speaker_test')) === null || _this3$soundEffectLis === void 0 ? void 0 : _this3$soundEffectLis.md5Url : (_this3$soundEffectLis2 = _this3.soundEffectList.get('speaker_test')) === null || _this3$soundEffectLis2 === void 0 ? void 0 : _this3$soundEffectLis2.url;
-          _this3._mediaControl.startSelectedSpeakerTest(soundUrl || '', _this3._volumeIndicationInterval);
-        };
-        startSelectedSpeakerTest();
-        var sleep = 3000;
-        this._playAudioTimer = setInterval(function () {
-          startSelectedSpeakerTest();
-        }, sleep);
-      } else {
-        this._mediaControl.stopSelectedSpeakerTest();
-        this.speakerVolumeLevel = 0;
-      }
+      (_this$_cameraVideoTra2 = this._cameraVideoTrack) === null || _this$_cameraVideoTra2 === void 0 || _this$_cameraVideoTra2.stopPreview(view);
     }
   }, {
     key: "startSpeakerTest",
@@ -856,12 +781,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "toggleLocalMirrorPreview",
     value: function toggleLocalMirrorPreview(mirror) {
-      var _this4 = this;
+      var _this2 = this;
       this.setCurrentIsMirror(mirror);
       this._localVideoViewSet.forEach(function (view) {
-        var _this4$_cameraVideoTr, _this4$_cameraVideoTr2;
-        (_this4$_cameraVideoTr = _this4._cameraVideoTrack) === null || _this4$_cameraVideoTr === void 0 || _this4$_cameraVideoTr.stopPreview(view);
-        (_this4$_cameraVideoTr2 = _this4._cameraVideoTrack) === null || _this4$_cameraVideoTr2 === void 0 || _this4$_cameraVideoTr2.startPreview({
+        var _this2$_cameraVideoTr, _this2$_cameraVideoTr2;
+        (_this2$_cameraVideoTr = _this2._cameraVideoTrack) === null || _this2$_cameraVideoTr === void 0 || _this2$_cameraVideoTr.stopPreview(view);
+        (_this2$_cameraVideoTr2 = _this2._cameraVideoTrack) === null || _this2$_cameraVideoTr2 === void 0 || _this2$_cameraVideoTr2.startPreview({
           renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
           isMirror: mirror
         }, view);
@@ -871,8 +796,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     key: "setBeautyOptions",
     value: function setBeautyOptions(beautyOption) {
       Object.assign(this.beautyOptions, beautyOption);
-      if (!this.cameraId) return;
-      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
+      if (!this._cameraVideoTrack) return;
       this._cameraVideoTrack.getVideoEffectEnhancer().setBeautyOptions({
         lighteningContrastLevel: (0, _tools.convertToFixedNumber)(this.beautyOptions.lighteningContrastLevel),
         lighteningLevel: (0, _tools.convertToFixedNumber)(this.beautyOptions.lighteningLevel),
@@ -889,66 +813,54 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "handleForceOpenVideoEffect",
     value: function handleForceOpenVideoEffect() {
+      var _this3 = this;
+      var reset = function reset() {
+        _this3.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.NONE;
+        _this3.showForceOpenEffectDialog = false;
+      };
       if (this.lastEnableVideoEffectType === _type2.FcrUIVideoEffectType.BEAUTY) {
         this._isForceEnableBeauty = true;
         this.enableBeautyEffect(true);
-        this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.NONE;
-        this.showForceOpenEffectDialog = false;
+        reset();
         return;
       }
       if (this.lastEnableVideoEffectType === _type2.FcrUIVideoEffectType.VIRTUAL_BACKGROUND) {
         this._isForceEnableVirtualBackground = true;
         this.enableVirtualBackground(true);
-        this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.NONE;
-        this.showForceOpenEffectDialog = false;
+        reset();
         return;
       }
     }
   }, {
     key: "setVideoOrientation",
     value: function setVideoOrientation() {
-      var _this$_cameraVideoTra2;
-      if (this._videoRotation === _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_270) {
-        this._videoRotation = _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0;
+      var _this$_cameraVideoTra3;
+      if (this._videoRotation === _type.FcrVideoOrientation.VIDEO_ORIENTATION_270) {
+        this._videoRotation = _type.FcrVideoOrientation.VIDEO_ORIENTATION_0;
       } else {
         this._videoRotation = this._videoRotation + 1;
       }
-      (_this$_cameraVideoTra2 = this._cameraVideoTrack) === null || _this$_cameraVideoTra2 === void 0 || _this$_cameraVideoTra2.setVideoOrientation(this._videoRotation);
+      (_this$_cameraVideoTra3 = this._cameraVideoTrack) === null || _this$_cameraVideoTra3 === void 0 || _this$_cameraVideoTra3.setVideoOrientation(this._videoRotation);
     }
   }, {
     key: "setCameraEnabled",
     value: function setCameraEnabled(enable) {
-      if (enable) {
-        this._hasExecutedOpenCamera = true;
-      }
-      this.startOrStopCamera(enable);
-      this.setShowCameraPreview(enable);
       this.cameraEnabled = enable;
     }
   }, {
-    key: "_handleMicrophoneAudioTrack",
-    value: function _handleMicrophoneAudioTrack() {
-      var microphoneTrack = this._microphoneAudioTrack;
-      if (!microphoneTrack) return;
-      if (this.microphoneEnabled) {
-        var _this$_microphoneAudi3;
-        (_this$_microphoneAudi3 = this._microphoneAudioTrack) === null || _this$_microphoneAudi3 === void 0 || _this$_microphoneAudi3.start();
-      } else {
-        var _this$_microphoneAudi4;
-        (_this$_microphoneAudi4 = this._microphoneAudioTrack) === null || _this$_microphoneAudi4 === void 0 || _this$_microphoneAudi4.stop();
-        this.microphoneVolumeLevel = 0;
+    key: "_handleCameraEnabledChanged",
+    value: function _handleCameraEnabledChanged() {
+      if (this.cameraEnabled) {
+        this._hasExecutedOpenCamera = true;
       }
+      this._handleCameraVideoTrack();
+      this.setShowCameraPreview(this.cameraEnabled);
     }
   }, {
     key: "setMicrophoneEnabled",
     value: function setMicrophoneEnabled(enable) {
       this.microphoneEnabled = enable;
     }
-  }, {
-    key: "_handleMicrophoneEnabledChanged",
-    value: function _handleMicrophoneEnabledChanged() {
-      this._handleMicrophoneAudioTrack();
-    }
   }, {
     key: "toggleLocalMirror",
     value: function toggleLocalMirror(enable) {
@@ -962,18 +874,6 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       this.isLocalMirrorEnabled = false;
       this.setCurrentIsMirror(false);
     }
-  }, {
-    key: "_handleMicrophoneDetectingChanged",
-    value: function _handleMicrophoneDetectingChanged() {
-      if (this.microphoneDetecting) {
-        var _this$_microphoneAudi5;
-        (_this$_microphoneAudi5 = this._microphoneAudioTrack) === null || _this$_microphoneAudi5 === void 0 || _this$_microphoneAudi5.startTest(this._volumeIndicationInterval);
-      } else {
-        var _this$_microphoneAudi6;
-        (_this$_microphoneAudi6 = this._microphoneAudioTrack) === null || _this$_microphoneAudi6 === void 0 || _this$_microphoneAudi6.stopTest();
-        this.microphoneVolumeLevel = 0;
-      }
-    }
   }, {
     key: "startMicrophoneTest",
     value: function startMicrophoneTest() {
@@ -987,28 +887,33 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "enableVirtualBackground",
     value: function enableVirtualBackground(enable, source) {
-      if (!this.cameraId) return;
-      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
+      if (!this._cameraVideoTrack) return;
+      if (!enable) {
+        this.virtualBackgroundName = 'None';
+      } else {
+        if (source) {
+          this.virtualBackgroundName = source.name;
+        }
+      }
+      var videoEffectEnhancer = this._cameraVideoTrack.getVideoEffectEnhancer();
       if (source) {
-        this.virtualBackgroundName = source.name;
-        this._cameraVideoTrack.getVideoEffectEnhancer().setVirtualBackgroundOptions({
+        videoEffectEnhancer.setVirtualBackgroundOptions({
           source: source === null || source === void 0 ? void 0 : source.path,
           type: source === null || source === void 0 ? void 0 : source.type
         });
       }
       if (!enable) {
-        this.virtualBackgroundName = 'None';
         this._isForceEnableVirtualBackground = false;
-        this._cameraVideoTrack.getVideoEffectEnhancer().disableVirtualBackground();
-        return;
-      }
-      if (this._cameraVideoTrack.getVideoEffectEnhancer().checkSatisfyVirtualBackgroundRequirements() || this._isForceEnableVirtualBackground) {
-        this._cameraVideoTrack.getVideoEffectEnhancer().enableVirtualBackground();
-        return;
+        videoEffectEnhancer.disableVirtualBackground();
+      } else {
+        var isSatisfyVirtualBackgroundRequirements = videoEffectEnhancer.checkSatisfyVirtualBackgroundRequirements() || this._isForceEnableVirtualBackground;
+        if (isSatisfyVirtualBackgroundRequirements) {
+          videoEffectEnhancer.enableVirtualBackground();
+        } else {
+          this.showForceOpenEffectDialog = true;
+          this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.VIRTUAL_BACKGROUND;
+        }
       }
-      this.showForceOpenEffectDialog = true;
-      this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.VIRTUAL_BACKGROUND;
-      return;
     }
   }, {
     key: "setEditBeautyKey",
@@ -1019,220 +924,103 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "enableBeautyEffect",
     value: function enableBeautyEffect(enable) {
-      if (!this.cameraId) return;
-      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
-      if (!enable) {
+      if (!this._cameraVideoTrack) return;
+      var videoEffectEnhancer = this._cameraVideoTrack.getVideoEffectEnhancer();
+      if (enable) {
+        var isSatisfyBeautyRequirements = videoEffectEnhancer.checkSatisfyBeautyRequirements() || this._isForceEnableBeauty;
+        1;
+        if (isSatisfyBeautyRequirements) {
+          this.enableBeauty = true;
+          this.setBeautyOptions(this.beautyOptions);
+          videoEffectEnhancer.enableBeauty();
+        } else {
+          this.showForceOpenEffectDialog = true;
+          this.enableBeauty = false;
+          this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.BEAUTY;
+        }
+      } else {
         this.enableBeauty = false;
         this.setEditBeautyKey('none');
         this._isForceEnableBeauty = false;
-        this._cameraVideoTrack.getVideoEffectEnhancer().disableBeauty();
-        return;
+        videoEffectEnhancer.disableBeauty();
       }
-      if (this._cameraVideoTrack.getVideoEffectEnhancer().checkSatisfyBeautyRequirements() || this._isForceEnableBeauty) {
-        this.enableBeauty = true;
-        this.setBeautyOptions(this.beautyOptions);
-        this._cameraVideoTrack.getVideoEffectEnhancer().enableBeauty();
-        return;
-      }
-      this.showForceOpenEffectDialog = true;
-      this.enableBeauty = false;
-      this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.BEAUTY;
-      return;
     }
 
     // 高保真
   }, {
     key: "enableAudioHiFiMode",
     value: function enableAudioHiFiMode(enable) {
-      if (!this._microphoneDevice.id) return;
-      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDevice.id);
+      if (!this._microphoneAudioTrack) return;
       if (enable) {
-        microphoneAudioTrack.getAudioEffectEnhancer().enableHiFiMode();
+        this._microphoneAudioTrack.getAudioEffectEnhancer().enableHiFiMode();
         return;
+      } else {
+        this._microphoneAudioTrack.getAudioEffectEnhancer().disableHiFiMode();
       }
-      microphoneAudioTrack.getAudioEffectEnhancer().disableHiFiMode();
     }
 
     // 回声消除
   }, {
     key: "enableAudioEchoCancellation",
     value: function enableAudioEchoCancellation(enable) {
-      if (!this._microphoneDevice.id) return;
-      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDevice.id);
+      if (!this._microphoneAudioTrack) return;
       if (enable) {
-        microphoneAudioTrack.getAudioEffectEnhancer().enableEchoCancellation();
-        return;
+        this._microphoneAudioTrack.getAudioEffectEnhancer().enableEchoCancellation();
+      } else {
+        this._microphoneAudioTrack.getAudioEffectEnhancer().disableEchoCancellation();
       }
-      microphoneAudioTrack.getAudioEffectEnhancer().disableEchoCancellation();
     }
 
     // 立体声
   }, {
     key: "enableAudioStereo",
     value: function enableAudioStereo(enable) {
-      if (!this._microphoneDevice.id) return;
-      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDevice.id);
+      if (!this._microphoneAudioTrack) return;
       if (enable) {
-        microphoneAudioTrack.getAudioEffectEnhancer().enableStereoMode();
-        return;
+        this._microphoneAudioTrack.getAudioEffectEnhancer().enableStereoMode();
+      } else {
+        this._microphoneAudioTrack.getAudioEffectEnhancer().disableStereoMode();
       }
-      microphoneAudioTrack.getAudioEffectEnhancer().disableStereoMode();
     }
 
     // 噪音抑制等级
   }, {
     key: "setNoiseLevel",
     value: function setNoiseLevel(level) {
-      if (!this._microphoneDevice.id) return;
-      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDevice.id);
+      if (!this._microphoneAudioTrack) return;
       if (level === _type2.FcrUIAiDenoiseLevel.CLOSE) {
-        microphoneAudioTrack.getAudioEffectEnhancer().disableAiDenoiser();
+        this._microphoneAudioTrack.getAudioEffectEnhancer().disableAiDenoiser();
       } else {
-        microphoneAudioTrack.getAudioEffectEnhancer().enableAiDenoiser();
-        microphoneAudioTrack.getAudioEffectEnhancer().setAiDenoiseLevel(level);
+        this._microphoneAudioTrack.getAudioEffectEnhancer().enableAiDenoiser();
+        this._microphoneAudioTrack.getAudioEffectEnhancer().setAiDenoiseLevel(level);
       }
     }
   }, {
     key: "setCameraId",
     value: function setCameraId(cameraId) {
-      if (this.cameraId === cameraId) return;
-      var enable = this.showCameraPreview;
-      var cameraTrack = this._mediaControl.getCameraTrack(this.cameraId);
-      // stop current camera track
-      cameraTrack === null || cameraTrack === void 0 || cameraTrack.stopTest();
-      cameraTrack === null || cameraTrack === void 0 || cameraTrack.stop();
-      if (cameraId) {
-        var _cameraTrack = this._mediaControl.getCameraTrack(cameraId);
-        if (enable) {
-          _cameraTrack.start();
-        }
-        this._cameraVideoTrack = _cameraTrack;
-      }
-      this.cameraId = cameraId;
-      this._observable.notifyObservers('onCameraChanged', cameraId);
-    }
-  }, {
-    key: "_handleMicrophoneIdChanged",
-    value: function () {
-      var _handleMicrophoneIdChanged2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-        return _regenerator["default"].wrap(function (_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
-            case 0:
-              if (!this.followSystemMicrophoneDevice) {
-                this._microphoneDevice = {
-                  id: this._microphone.id
-                };
-              } else {
-                this._correctSystemSelectedMicrophoneDeviceId();
-              }
-              this._mediaControl.observeSystemSelectedMicrophoneChanged(this.followSystemMicrophoneDevice);
-            case 1:
-            case "end":
-              return _context6.stop();
-          }
-        }, _callee6, this);
-      }));
-      function _handleMicrophoneIdChanged() {
-        return _handleMicrophoneIdChanged2.apply(this, arguments);
-      }
-      return _handleMicrophoneIdChanged;
-    }()
-  }, {
-    key: "_handleMicrophoneDeviceIdChanged",
-    value: function _handleMicrophoneDeviceIdChanged() {
-      if (!this._microphoneDevice.id) {
-        this.logger.debug('setSelectedMicrophone failed');
-        this._microphone.id = DEFAULT_DEVICE_ID;
-      } else {
-        var _this$_microphoneAudi7, _this$_microphoneAudi8;
-        (_this$_microphoneAudi7 = this._microphoneAudioTrack) === null || _this$_microphoneAudi7 === void 0 || _this$_microphoneAudi7.removeObserver(this._microphoneObserver);
-        (_this$_microphoneAudi8 = this._microphoneAudioTrack) === null || _this$_microphoneAudi8 === void 0 || _this$_microphoneAudi8.stop();
-        this._microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDevice.id);
-        this._microphoneAudioTrack.addObserver(this._microphoneObserver);
-        this._handleMicrophoneAudioTrack();
-        this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDevice.id);
-        this.setNoiseLevel(this._sharedSettingDataSource.setting.noiseReduce);
-      }
+      this._cameraDevice = {
+        id: cameraId
+      };
     }
   }, {
-    key: "_handleSpeakerDeviceIdChanged",
-    value: function _handleSpeakerDeviceIdChanged() {
-      if (!this._speakerDevice.id) {
-        this.logger.debug('setSelectedSpeaker failed');
-        this._speaker.id = DEFAULT_DEVICE_ID;
-      } else {
-        this._mediaControl.setSelectedSpeaker(this._speakerDevice.id);
-        this._observable.notifyObservers('onSpeakerChanged', this._speakerDevice.id);
-      }
+    key: "setMainRoomAudioOff",
+    value: function setMainRoomAudioOff(enable) {
+      this.isMainRoomAudioOff = enable;
     }
-  }, {
-    key: "_handleSpeakerIdChanged",
-    value: function () {
-      var _handleSpeakerIdChanged2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-        return _regenerator["default"].wrap(function (_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
-            case 0:
-              if (!this.followSystemSpeakerDevice) {
-                this._speakerDevice = {
-                  id: this._speaker.id
-                };
-              } else {
-                this._correctSystemSpeakerDeviceId();
-              }
-              this._mediaControl.observeSystemSelectedSpeakerChanged(this.followSystemSpeakerDevice);
-            case 1:
-            case "end":
-              return _context7.stop();
-          }
-        }, _callee7, this);
-      }));
-      function _handleSpeakerIdChanged() {
-        return _handleSpeakerIdChanged2.apply(this, arguments);
-      }
-      return _handleSpeakerIdChanged;
-    }()
   }, {
     key: "setSpeakerId",
-    value: function () {
-      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(speakerId) {
-        return _regenerator["default"].wrap(function (_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
-            case 0:
-              this._speaker = {
-                id: speakerId
-              };
-            case 1:
-            case "end":
-              return _context8.stop();
-          }
-        }, _callee8, this);
-      }));
-      function setSpeakerId(_x3) {
-        return _setSpeakerId.apply(this, arguments);
-      }
-      return setSpeakerId;
-    }()
+    value: function setSpeakerId(speakerId) {
+      this._speaker = {
+        id: speakerId
+      };
+    }
   }, {
     key: "setMicrophoneId",
-    value: function () {
-      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(microphoneId) {
-        return _regenerator["default"].wrap(function (_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
-            case 0:
-              this._microphone = {
-                id: microphoneId
-              };
-            case 1:
-            case "end":
-              return _context9.stop();
-          }
-        }, _callee9, this);
-      }));
-      function setMicrophoneId(_x4) {
-        return _setMicrophoneId.apply(this, arguments);
-      }
-      return setMicrophoneId;
-    }()
+    value: function setMicrophoneId(microphoneId) {
+      this._microphone = {
+        id: microphoneId
+      };
+    }
   }, {
     key: "setSpeakerVolume",
     value: function setSpeakerVolume(value) {
@@ -1242,25 +1030,14 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "setMicrophoneVolume",
     value: function setMicrophoneVolume(value) {
-      var _this$_microphoneAudi9;
+      var _this$_microphoneAudi2;
       this.microphoneVolume = value;
-      (_this$_microphoneAudi9 = this._microphoneAudioTrack) === null || _this$_microphoneAudi9 === void 0 || _this$_microphoneAudi9.adjustVolume(value);
+      (_this$_microphoneAudi2 = this._microphoneAudioTrack) === null || _this$_microphoneAudi2 === void 0 || _this$_microphoneAudi2.adjustVolume(value);
     }
   }, {
     key: "startOrStopCamera",
     value: function startOrStopCamera(enable) {
-      var cameraTrack = this._cameraVideoTrack;
-      var localVideoViewSet = this._localVideoViewSet;
-      if (enable) {
-        cameraTrack === null || cameraTrack === void 0 || cameraTrack.start();
-      } else {
-        if (localVideoViewSet.size > 0 && cameraTrack) {
-          localVideoViewSet.forEach(function (view) {
-            cameraTrack.stopPreview(view);
-          });
-        }
-        cameraTrack === null || cameraTrack === void 0 || cameraTrack.stop();
-      }
+      this._handleCameraVideoTrack(enable);
     }
   }, {
     key: "setShowCameraPreview",
@@ -1270,14 +1047,14 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "loadUiResources",
     value: function () {
-      var _loadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee0(uiResource) {
-        var _this5 = this;
+      var _loadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(uiResource) {
+        var _this4 = this;
         var _uiResource$virtualBa, _uiResource$virtualBa2, _uiResource$soundEffe, images, videos, soundEffects, newList, imageInfoList, videoInfoList, _uiResource$virtualBa3, _uiResource$virtualBa4, _uiResource$soundEffe2, _images, _videos, _soundEffects, handleResourceReady;
-        return _regenerator["default"].wrap(function (_context0) {
-          while (1) switch (_context0.prev = _context0.next) {
+        return _regenerator["default"].wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               if ((0, _env.isElectron)()) {
-                _context0.next = 1;
+                _context3.next = 1;
                 break;
               }
               images = (uiResource === null || uiResource === void 0 || (_uiResource$virtualBa = uiResource.virtualBackgroundImages) === null || _uiResource$virtualBa === void 0 ? void 0 : _uiResource$virtualBa.filter(function (url) {
@@ -1309,7 +1086,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               }) || [];
               newList = newList.concat(videoInfoList);
               (0, _mobx.runInAction)(function () {
-                _this5._updateVirtualBackgroundList(newList);
+                _this4._updateVirtualBackgroundList(newList);
                 var soundEffectInfoList = soundEffects.map(function (url) {
                   return {
                     url: url,
@@ -1317,13 +1094,13 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                   };
                 }) || [];
                 soundEffectInfoList.forEach(function (item) {
-                  _this5.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
+                  _this4.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
                 });
               });
-              _context0.next = 3;
+              _context3.next = 3;
               break;
             case 1:
-              _context0.next = 2;
+              _context3.next = 2;
               return this._loadBuiltinResources();
             case 2:
               _images = (uiResource === null || uiResource === void 0 || (_uiResource$virtualBa3 = uiResource.virtualBackgroundImages) === null || _uiResource$virtualBa3 === void 0 ? void 0 : _uiResource$virtualBa3.filter(function (url) {
@@ -1337,7 +1114,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               })) || [];
               handleResourceReady = function handleResourceReady(filePathList, type) {
                 if (type === 'image' || type === 'video') {
-                  var list = _this5.virtualBackgroundList.slice();
+                  var list = _this4.virtualBackgroundList.slice();
                   var resourceType = type === 'image' ? _virtualBackdoundResources.VirtualOption.IMG : _virtualBackdoundResources.VirtualOption.VIDEO;
                   list = filePathList.map(function (resource) {
                     return {
@@ -1347,12 +1124,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                       url: URL.createObjectURL(window.runtime.fileToBlob(resource, type))
                     };
                   });
-                  var _newList = _this5.virtualBackgroundList.concat(list);
-                  _this5._updateVirtualBackgroundList(_newList);
+                  var _newList = _this4.virtualBackgroundList.concat(list);
+                  _this4._updateVirtualBackgroundList(_newList);
                 } else if (type === 'audio') {
                   filePathList.forEach(function (resource) {
                     var key = (0, _tools.getFileNameWithoutExtension)(resource);
-                    _this5.soundEffectList.set(key, {
+                    _this4.soundEffectList.set(key, {
                       md5Url: resource,
                       url: URL.createObjectURL(window.runtime.fileToBlob(resource, type))
                     });
@@ -1364,11 +1141,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               this.loadZipResources(_soundEffects, 'audio', handleResourceReady);
             case 3:
             case "end":
-              return _context0.stop();
+              return _context3.stop();
           }
-        }, _callee0, this);
+        }, _callee3, this);
       }));
-      function loadUiResources(_x5) {
+      function loadUiResources(_x) {
         return _loadUiResources.apply(this, arguments);
       }
       return loadUiResources;
@@ -1376,42 +1153,42 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "loadZipResources",
     value: function () {
-      var _loadZipResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10(zipUrls, type, callback) {
-        var _this6 = this;
+      var _loadZipResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(zipUrls, type, callback) {
+        var _this5 = this;
         var ps;
-        return _regenerator["default"].wrap(function (_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regenerator["default"].wrap(function (_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               ps = zipUrls.map(/*#__PURE__*/function () {
-                var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee1(url) {
+                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(url) {
                   var filePathList;
-                  return _regenerator["default"].wrap(function (_context1) {
-                    while (1) switch (_context1.prev = _context1.next) {
+                  return _regenerator["default"].wrap(function (_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
                       case 0:
-                        _context1.next = 1;
-                        return _this6._fetchZipAndUnzip(url, type);
+                        _context4.next = 1;
+                        return _this5._fetchZipAndUnzip(url, type);
                       case 1:
-                        filePathList = _context1.sent;
+                        filePathList = _context4.sent;
                         callback(filePathList, type);
                       case 2:
                       case "end":
-                        return _context1.stop();
+                        return _context4.stop();
                     }
-                  }, _callee1);
+                  }, _callee4);
                 }));
-                return function (_x9) {
-                  return _ref4.apply(this, arguments);
+                return function (_x5) {
+                  return _ref2.apply(this, arguments);
                 };
               }());
-              _context10.next = 1;
+              _context5.next = 1;
               return Promise.allSettled(ps);
             case 1:
             case "end":
-              return _context10.stop();
+              return _context5.stop();
           }
-        }, _callee10);
+        }, _callee5);
       }));
-      function loadZipResources(_x6, _x7, _x8) {
+      function loadZipResources(_x2, _x3, _x4) {
         return _loadZipResources.apply(this, arguments);
       }
       return loadZipResources;
@@ -1425,52 +1202,302 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
         return this._mediaControl.disableAGC();
       }
     }
-  }, {
-    key: "release",
-    value: function release() {
-      var _this7 = this,
-        _this$_cameraVideoTra3,
-        _this$_microphoneAudi0;
-      this._mediaControl.removeObserver(this._mediaControlObserver);
-      if (this._localVideoViewSet.size > 0) {
-        this._localVideoViewSet.forEach(function (view) {
-          var _this7$_cameraVideoTr;
-          (_this7$_cameraVideoTr = _this7._cameraVideoTrack) === null || _this7$_cameraVideoTr === void 0 || _this7$_cameraVideoTr.stopPreview(view);
-        });
-        this._localVideoViewSet.clear();
-      }
-      this.speakerDetecting = false;
-      this.microphoneDetecting = false;
-      (_this$_cameraVideoTra3 = this._cameraVideoTrack) === null || _this$_cameraVideoTra3 === void 0 || _this$_cameraVideoTra3.stop();
-      (_this$_microphoneAudi0 = this._microphoneAudioTrack) === null || _this$_microphoneAudi0 === void 0 || _this$_microphoneAudi0.stop();
-      this._cameraVideoTrack = undefined;
-      this._microphoneAudioTrack = null;
-      this._disposer.forEach(function (disposer) {
-        return disposer();
-      });
-    }
   }, {
     key: "setConnectType",
     value: function setConnectType(connectType) {
       this.connectType = connectType;
     }
+  }, {
+    key: "toggleLocalCameraPreview",
+    value: function toggleLocalCameraPreview(enabled) {
+      return this._toggleLocalCameraPreview(enabled);
+    }
+  }, {
+    key: "getLoopbackDeviceId",
+    value: function getLoopbackDeviceId() {
+      if ((0, _env.isElectron)()) {
+        var loopbackList = this._mediaControl.getLoopbackList();
+        if (loopbackList.length > 0) {
+          return loopbackList[0].deviceId;
+        }
+        return null;
+      } else {
+        return 'default';
+      }
+    }
+  }, {
+    key: "_initDeviceList",
+    value: function _initDeviceList() {
+      var _this6 = this;
+      // this.toggleAGC(true);
+      Promise.all([this._mediaControl.getCameraList().then(function (list) {
+        if (_this6._released) return;
+        _this6.cameraList = list;
+        _this6.logger.info("[FcrDeviceStore] init camera list: ".concat((0, _imports.jsonstring)(list)));
+        if (_this6.cameraList.length > 0) {
+          var defaultCameraDeviceId = _this6.cameraList[0].deviceId;
+          _this6.logger.info('[FcrDeviceStore] select default camera id:', defaultCameraDeviceId);
+          _this6.setCameraId(defaultCameraDeviceId);
+        }
+      }), this._getMicrophoneList().then(/*#__PURE__*/function () {
+        var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(microphoneList) {
+          return _regenerator["default"].wrap(function (_context6) {
+            while (1) switch (_context6.prev = _context6.next) {
+              case 0:
+                if (!_this6._released) {
+                  _context6.next = 1;
+                  break;
+                }
+                return _context6.abrupt("return");
+              case 1:
+                _this6.microphoneList = microphoneList;
+                _this6.logger.info("[FcrDeviceStore] init microphone list: ".concat((0, _imports.jsonstring)(microphoneList)));
+                if (_this6.microphoneList.length > 0) {
+                  // 默认跟随系统
+                  _this6.setMicrophoneId(DEFAULT_DEVICE_ID);
+                }
+              case 2:
+              case "end":
+                return _context6.stop();
+            }
+          }, _callee6);
+        }));
+        return function (_x6) {
+          return _ref3.apply(this, arguments);
+        };
+      }()), this._getSpeakerList().then(/*#__PURE__*/function () {
+        var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(speakerList) {
+          return _regenerator["default"].wrap(function (_context7) {
+            while (1) switch (_context7.prev = _context7.next) {
+              case 0:
+                if (!_this6._released) {
+                  _context7.next = 1;
+                  break;
+                }
+                return _context7.abrupt("return");
+              case 1:
+                _this6.speakerList = speakerList;
+                _this6.logger.info("[FcrDeviceStore] init speaker list: ".concat((0, _imports.jsonstring)(speakerList)));
+                if (_this6.speakerList.length > 0) {
+                  // 默认跟随系统
+                  _this6.setSpeakerId(DEFAULT_DEVICE_ID);
+                }
+              case 2:
+              case "end":
+                return _context7.stop();
+            }
+          }, _callee7);
+        }));
+        return function (_x7) {
+          return _ref4.apply(this, arguments);
+        };
+      }())]);
+    }
+  }, {
+    key: "_handleMicrophoneAudioTrack",
+    value: function _handleMicrophoneAudioTrack() {
+      if (!this._microphoneAudioTrack) {
+        this.logger.warn('microphone audio track is not set');
+        return;
+      }
+      if (this.microphoneEnabled) {
+        this._microphoneAudioTrack.start();
+      } else {
+        this._microphoneAudioTrack.stop();
+        this.microphoneVolumeLevel = 0;
+      }
+    }
+  }, {
+    key: "_handleMicrophoneEnabledChanged",
+    value: function _handleMicrophoneEnabledChanged() {
+      this._handleMicrophoneAudioTrack();
+    }
+  }, {
+    key: "_handleCameraVideoTrack",
+    value: function _handleCameraVideoTrack() {
+      var enable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.cameraEnabled;
+      var cameraTrack = this._cameraVideoTrack;
+      if (!cameraTrack) {
+        this.logger.warn('camera video track is not set');
+        return;
+      }
+      if (enable) {
+        cameraTrack.start();
+      } else {
+        this._toggleLocalCameraPreview(enable);
+        cameraTrack.stop();
+      }
+    }
+  }, {
+    key: "_handleCameraDeviceIdChanged",
+    value: function _handleCameraDeviceIdChanged() {
+      if (!this._cameraDevice.id) {
+        this.logger.warn('camera id is not set');
+        return;
+      } else {
+        var _this$_cameraVideoTra4, _this$_cameraVideoTra5;
+        (_this$_cameraVideoTra4 = this._cameraVideoTrack) === null || _this$_cameraVideoTra4 === void 0 || _this$_cameraVideoTra4.stopTest();
+        (_this$_cameraVideoTra5 = this._cameraVideoTrack) === null || _this$_cameraVideoTra5 === void 0 || _this$_cameraVideoTra5.stop();
+        this._cameraVideoTrack = this._mediaControl.getCameraTrack(this._cameraDevice.id);
+        this._handleCameraVideoTrack();
+        if (this.showCameraPreview) {
+          this.logger.debug("start camera video track showCameraPreview:".concat(this.showCameraPreview, ",cameraEnabled:").concat(this.cameraEnabled));
+          this._cameraVideoTrack.start();
+        }
+        this._observable.notifyObservers('onCameraChanged', this._cameraDevice.id);
+      }
+      this._toggleLocalCameraPreview(this.showCameraPreview);
+    }
+  }, {
+    key: "_handleSpeakerDetectingChanged",
+    value: function _handleSpeakerDetectingChanged() {
+      var _this7 = this;
+      if (this.microphoneEnabled) {
+        if (this.speakerDetecting) {
+          var _this$_microphoneAudi3;
+          (_this$_microphoneAudi3 = this._microphoneAudioTrack) === null || _this$_microphoneAudi3 === void 0 || _this$_microphoneAudi3.stop();
+        } else {
+          var _this$_microphoneAudi4;
+          (_this$_microphoneAudi4 = this._microphoneAudioTrack) === null || _this$_microphoneAudi4 === void 0 || _this$_microphoneAudi4.start();
+        }
+      }
+      if (this.speakerDetecting) {
+        var startSelectedSpeakerTest = function startSelectedSpeakerTest() {
+          var _this7$soundEffectLis, _this7$soundEffectLis2;
+          var soundUrl = (0, _env.isElectron)() ? (_this7$soundEffectLis = _this7.soundEffectList.get('speaker_test')) === null || _this7$soundEffectLis === void 0 ? void 0 : _this7$soundEffectLis.md5Url : (_this7$soundEffectLis2 = _this7.soundEffectList.get('speaker_test')) === null || _this7$soundEffectLis2 === void 0 ? void 0 : _this7$soundEffectLis2.url;
+          _this7._mediaControl.startSelectedSpeakerTest(soundUrl || '', _this7._volumeIndicationInterval);
+        };
+        startSelectedSpeakerTest();
+        var sleep = 3000;
+        this._playAudioTimer && clearInterval(this._playAudioTimer);
+        this._playAudioTimer = setInterval(function () {
+          startSelectedSpeakerTest();
+        }, sleep);
+      } else {
+        this._stopSelectedSpeakerTest();
+      }
+    }
+  }, {
+    key: "_stopSelectedSpeakerTest",
+    value: function _stopSelectedSpeakerTest() {
+      this._playAudioTimer && clearInterval(this._playAudioTimer);
+      this._mediaControl.stopSelectedSpeakerTest();
+      this.speakerVolumeLevel = 0;
+    }
+  }, {
+    key: "_handleMicrophoneDetectingChanged",
+    value: function _handleMicrophoneDetectingChanged() {
+      if (this.microphoneDetecting) {
+        var _this$_microphoneAudi5;
+        (_this$_microphoneAudi5 = this._microphoneAudioTrack) === null || _this$_microphoneAudi5 === void 0 || _this$_microphoneAudi5.startTest(this._volumeIndicationInterval);
+      } else {
+        this._stopMicrophoneTest();
+      }
+    }
+  }, {
+    key: "_stopMicrophoneTest",
+    value: function _stopMicrophoneTest() {
+      var _this$_microphoneAudi6;
+      (_this$_microphoneAudi6 = this._microphoneAudioTrack) === null || _this$_microphoneAudi6 === void 0 || _this$_microphoneAudi6.stopTest();
+      this.microphoneVolumeLevel = 0;
+    }
+  }, {
+    key: "_handleMicrophoneIdChanged",
+    value: function () {
+      var _handleMicrophoneIdChanged2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+        return _regenerator["default"].wrap(function (_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              if (!this.followSystemMicrophoneDevice) {
+                this._microphoneDevice = {
+                  id: this._microphone.id
+                };
+              } else {
+                this._correctSystemSelectedMicrophoneDeviceId();
+              }
+              this._mediaControl.observeSystemSelectedMicrophoneChanged(this.followSystemMicrophoneDevice);
+            case 1:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8, this);
+      }));
+      function _handleMicrophoneIdChanged() {
+        return _handleMicrophoneIdChanged2.apply(this, arguments);
+      }
+      return _handleMicrophoneIdChanged;
+    }()
+  }, {
+    key: "_handleMicrophoneDeviceIdChanged",
+    value: function _handleMicrophoneDeviceIdChanged() {
+      if (!this._microphoneDevice.id) {
+        this.logger.debug('setSelectedMicrophone failed');
+        this._microphone.id = DEFAULT_DEVICE_ID;
+      } else {
+        var _this$_microphoneAudi7, _this$_microphoneAudi8;
+        (_this$_microphoneAudi7 = this._microphoneAudioTrack) === null || _this$_microphoneAudi7 === void 0 || _this$_microphoneAudi7.removeObserver(this._microphoneObserver);
+        (_this$_microphoneAudi8 = this._microphoneAudioTrack) === null || _this$_microphoneAudi8 === void 0 || _this$_microphoneAudi8.stop();
+        this._microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDevice.id);
+        this._microphoneAudioTrack.addObserver(this._microphoneObserver);
+        this._handleMicrophoneAudioTrack();
+        this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDevice.id);
+        this.setNoiseLevel(this._sharedSettingDataSource.setting.noiseReduce);
+      }
+    }
+  }, {
+    key: "_handleSpeakerDeviceIdChanged",
+    value: function _handleSpeakerDeviceIdChanged() {
+      if (!this._speakerDevice.id) {
+        this.logger.debug('setSelectedSpeaker failed');
+        this._speaker.id = DEFAULT_DEVICE_ID;
+      } else {
+        this._mediaControl.setSelectedSpeaker(this._speakerDevice.id);
+        this._observable.notifyObservers('onSpeakerChanged', this._speakerDevice.id);
+      }
+    }
+  }, {
+    key: "_handleSpeakerIdChanged",
+    value: function () {
+      var _handleSpeakerIdChanged2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
+        return _regenerator["default"].wrap(function (_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              if (!this.followSystemSpeakerDevice) {
+                this._speakerDevice = {
+                  id: this._speaker.id
+                };
+              } else {
+                this._correctSystemSpeakerDeviceId();
+              }
+              this._mediaControl.observeSystemSelectedSpeakerChanged(this.followSystemSpeakerDevice);
+            case 1:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee9, this);
+      }));
+      function _handleSpeakerIdChanged() {
+        return _handleSpeakerIdChanged2.apply(this, arguments);
+      }
+      return _handleSpeakerIdChanged;
+    }()
   }, {
     key: "_fetchZipAndUnzip",
     value: function () {
-      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11(url, type) {
+      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee0(url, type) {
         var md5Url;
-        return _regenerator["default"].wrap(function (_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regenerator["default"].wrap(function (_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
             case 0:
               md5Url = (0, _imports.md5)(url);
-              return _context11.abrupt("return", window.runtime.getResourceByFileType(url, md5Url, type));
+              return _context0.abrupt("return", window.runtime.getResourceByFileType(url, md5Url, type));
             case 1:
             case "end":
-              return _context11.stop();
+              return _context0.stop();
           }
-        }, _callee11);
+        }, _callee0);
       }));
-      function _fetchZipAndUnzip(_x0, _x1) {
+      function _fetchZipAndUnzip(_x8, _x9) {
         return _fetchZipAndUnzip2.apply(this, arguments);
       }
       return _fetchZipAndUnzip;
@@ -1497,24 +1524,24 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_correctSystemSpeakerDeviceId",
     value: function () {
-      var _correctSystemSpeakerDeviceId2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
+      var _correctSystemSpeakerDeviceId2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee1() {
         var defaultDevice;
-        return _regenerator["default"].wrap(function (_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regenerator["default"].wrap(function (_context1) {
+          while (1) switch (_context1.prev = _context1.next) {
             case 0:
-              _context12.next = 1;
+              _context1.next = 1;
               return this._mediaControl.getSystemSelectedSpeaker();
             case 1:
-              defaultDevice = _context12.sent;
+              defaultDevice = _context1.sent;
               this.logger.debug("system selected speaker changed : ".concat(defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName));
               this._speakerDevice = {
                 id: (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || null
               };
             case 2:
             case "end":
-              return _context12.stop();
+              return _context1.stop();
           }
-        }, _callee12, this);
+        }, _callee1, this);
       }));
       function _correctSystemSpeakerDeviceId() {
         return _correctSystemSpeakerDeviceId2.apply(this, arguments);
@@ -1529,24 +1556,24 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_correctSystemSelectedMicrophoneDeviceId",
     value: function () {
-      var _correctSystemSelectedMicrophoneDeviceId2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+      var _correctSystemSelectedMicrophoneDeviceId2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
         var defaultDevice;
-        return _regenerator["default"].wrap(function (_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regenerator["default"].wrap(function (_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context13.next = 1;
+              _context10.next = 1;
               return this._mediaControl.getSystemSelectedMicrophone();
             case 1:
-              defaultDevice = _context13.sent;
+              defaultDevice = _context10.sent;
               this.logger.debug("system selected microphone changed : ".concat(defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName));
               this._microphoneDevice = {
                 id: (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || null
               };
             case 2:
             case "end":
-              return _context13.stop();
+              return _context10.stop();
           }
-        }, _callee13, this);
+        }, _callee10, this);
       }));
       function _correctSystemSelectedMicrophoneDeviceId() {
         return _correctSystemSelectedMicrophoneDeviceId2.apply(this, arguments);
@@ -1554,40 +1581,38 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       return _correctSystemSelectedMicrophoneDeviceId;
     }()
   }, {
-    key: "_handleSpeakerTestVolumeIndicationUpdated",
-    value: function _handleSpeakerTestVolumeIndicationUpdated(volume) {
-      this.speakerVolumeLevel = Math.floor(volume / 255 * 100);
+    key: "_handleSelectedSpeakerVolumeUpdated",
+    value: function _handleSelectedSpeakerVolumeUpdated(volume) {
+      this.speakerVolume = volume;
     }
   }, {
-    key: "_handleSpeakerVolumeUpdated",
-    value: function _handleSpeakerVolumeUpdated(volume) {
-      this.speakerVolume = volume;
+    key: "_handleSpeakerTestVolumeIndicationUpdated",
+    value: function _handleSpeakerTestVolumeIndicationUpdated(volume) {
+      this.speakerVolumeLevel = getDeviceVolumeLevel(volume);
     }
   }, {
     key: "_handleMicrophoneVolumeIndicationUpdated",
     value: function _handleMicrophoneVolumeIndicationUpdated(_, volume) {
-      this.microphoneVolumeLevel = Math.floor(volume / 255 * 100);
+      this.microphoneVolumeLevel = getDeviceVolumeLevel(volume);
     }
   }, {
-    key: "_handleCameraChanged",
-    value: function _handleCameraChanged() {
-      var enabled = this.showCameraPreview;
-      this.toggleLocalCameraPreview(enabled);
-    }
-  }, {
-    key: "toggleLocalCameraPreview",
-    value: function toggleLocalCameraPreview(enabled) {
+    key: "_toggleLocalCameraPreview",
+    value: function _toggleLocalCameraPreview(enabled) {
       var _this8 = this;
       var localVideoViewSet = this._localVideoViewSet;
       var cameraTrack = this._cameraVideoTrack;
-      if (!enabled && localVideoViewSet.size > 0 && cameraTrack) {
+      if (!cameraTrack) {
+        this.logger.warn('camera video track is not set');
+        return;
+      }
+      if (!enabled) {
         localVideoViewSet.forEach(function (view) {
           cameraTrack.stopPreview(view);
         });
       }
       if (enabled) {
         localVideoViewSet.forEach(function (view) {
-          cameraTrack === null || cameraTrack === void 0 || cameraTrack.startPreview({
+          cameraTrack.startPreview({
             renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
             isMirror: _this8.currentIsMirror
           }, view);
@@ -1595,153 +1620,124 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       }
     }
   }, {
-    key: "_handleCameraListUpdated",
+    key: "_handleCameraAdded",
+    value: function _handleCameraAdded() {
+      this._handleCameraListUpdated();
+    }
+  }, {
+    key: "_handleCameraRemoved",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
+      var _handleCameraRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
         var _this9 = this;
-        var cameraList, currentDeviceExist, _cameraEnabled, deviceId, _deviceId;
-        return _regenerator["default"].wrap(function (_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        var currentDeviceExist, defaultDeviceId;
+        return _regenerator["default"].wrap(function (_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              _context14.next = 1;
-              return this._mediaControl.getCameraList();
+              _context11.next = 1;
+              return this._handleCameraListUpdated();
             case 1:
-              cameraList = _context14.sent;
-              (0, _mobx.runInAction)(function () {
-                _this9.cameraList = cameraList;
+              currentDeviceExist = this.cameraList.some(function (_ref5) {
+                var deviceId = _ref5.deviceId;
+                return _this9._cameraDevice.id === deviceId;
               });
-              currentDeviceExist = false;
-              if (this.cameraId) {
-                currentDeviceExist = this.cameraList.some(function (_ref5) {
-                  var deviceId = _ref5.deviceId;
-                  return _this9.cameraId === deviceId;
-                });
-                _cameraEnabled = this.cameraEnabled;
-                if (!currentDeviceExist) {
-                  this.logger.info('[FcrDeviceStore] current camera is unplugged, close camera');
-                  if (this.cameraList.length > 0) {
-                    deviceId = this.cameraList[0].deviceId;
-                    this.setCameraId(deviceId);
-                  } else {
-                    this.setCameraId('');
-                  }
-                  if (_cameraEnabled) {
-                    this.setCameraEnabled(false);
-                  }
-                }
-              }
-
-              // select the first camera in the list as default
               if (!currentDeviceExist) {
-                if (this.cameraList.length > 0) {
-                  _deviceId = this.cameraList[0].deviceId;
-                  this.setCameraId(_deviceId);
+                this.logger.info('[FcrDeviceStore] current speaker does not exist in speaker list, switch to follow system');
+                defaultDeviceId = this.cameraList.length > 0 ? this.cameraList[0].deviceId : '';
+                this.setCameraId(defaultDeviceId);
+                if (this.cameraEnabled) {
+                  this.setCameraEnabled(false);
                 }
               }
-              this._observable.notifyObservers('onCameraListUpdated', this.cameraList);
             case 2:
             case "end":
-              return _context14.stop();
-          }
-        }, _callee14, this);
-      }));
-      function _handleCameraListUpdated() {
-        return _handleCameraListUpdated2.apply(this, arguments);
-      }
-      return _handleCameraListUpdated;
-    }()
-  }, {
-    key: "_handleMicrophoneAdded",
-    value: function () {
-      var _handleMicrophoneAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
-        return _regenerator["default"].wrap(function (_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
-            case 0:
-              _context15.next = 1;
-              return this._handleMicrophoneListUpdated();
-            case 1:
-            case "end":
-              return _context15.stop();
+              return _context11.stop();
           }
-        }, _callee15, this);
+        }, _callee11, this);
       }));
-      function _handleMicrophoneAdded() {
-        return _handleMicrophoneAdded2.apply(this, arguments);
+      function _handleCameraRemoved() {
+        return _handleCameraRemoved2.apply(this, arguments);
       }
-      return _handleMicrophoneAdded;
+      return _handleCameraRemoved;
     }()
   }, {
-    key: "_handleMicrophoneRemoved",
+    key: "_handleCameraListUpdated",
     value: function () {
-      var _handleMicrophoneRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
-        return _regenerator["default"].wrap(function (_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
+        var cameraList;
+        return _regenerator["default"].wrap(function (_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              _context16.next = 1;
-              return this._handleMicrophoneListUpdated();
+              _context12.next = 1;
+              return this._mediaControl.getCameraList();
             case 1:
-              _context16.next = 2;
-              return this._correctMicrophoneDeviceId();
+              cameraList = _context12.sent;
+              this.cameraList = cameraList;
+              this._observable.notifyObservers('onCameraListUpdated', this.cameraList);
             case 2:
             case "end":
-              return _context16.stop();
+              return _context12.stop();
           }
-        }, _callee16, this);
+        }, _callee12, this);
       }));
-      function _handleMicrophoneRemoved() {
-        return _handleMicrophoneRemoved2.apply(this, arguments);
+      function _handleCameraListUpdated() {
+        return _handleCameraListUpdated2.apply(this, arguments);
       }
-      return _handleMicrophoneRemoved;
+      return _handleCameraListUpdated;
     }()
   }, {
-    key: "_correctMicrophoneDeviceId",
+    key: "_handleMicrophoneAdded",
+    value: function _handleMicrophoneAdded() {
+      this._handleMicrophoneListUpdated();
+    }
+  }, {
+    key: "_handleMicrophoneRemoved",
     value: function () {
-      var _correctMicrophoneDeviceId2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
+      var _handleMicrophoneRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
         var _this0 = this;
         var currentDeviceExist;
-        return _regenerator["default"].wrap(function (_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regenerator["default"].wrap(function (_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
+              _context13.next = 1;
+              return this._handleMicrophoneListUpdated();
+            case 1:
               currentDeviceExist = this.microphoneList.find(function (item) {
                 return item.deviceId === _this0._microphoneDevice.id;
               });
-              if (currentDeviceExist) {
-                _context17.next = 1;
-                break;
+              if (!currentDeviceExist) {
+                this.logger.info('[FcrDeviceStore] current microphone does not exist in microphone list, switch to follow system');
+                this.setMicrophoneId(DEFAULT_DEVICE_ID);
               }
-              this.logger.info('[FcrDeviceStore] current microphone does not exist in microphone list, switch to follow system');
-              _context17.next = 1;
-              return this.setMicrophoneId(DEFAULT_DEVICE_ID);
-            case 1:
+            case 2:
             case "end":
-              return _context17.stop();
+              return _context13.stop();
           }
-        }, _callee17, this);
+        }, _callee13, this);
       }));
-      function _correctMicrophoneDeviceId() {
-        return _correctMicrophoneDeviceId2.apply(this, arguments);
+      function _handleMicrophoneRemoved() {
+        return _handleMicrophoneRemoved2.apply(this, arguments);
       }
-      return _correctMicrophoneDeviceId;
+      return _handleMicrophoneRemoved;
     }()
   }, {
     key: "_handleMicrophoneListUpdated",
     value: function () {
-      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
+      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
         var microphoneList;
-        return _regenerator["default"].wrap(function (_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        return _regenerator["default"].wrap(function (_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context18.next = 1;
+              _context14.next = 1;
               return this._getMicrophoneList();
             case 1:
-              microphoneList = _context18.sent;
+              microphoneList = _context14.sent;
               this.microphoneList = microphoneList;
               this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
             case 2:
             case "end":
-              return _context18.stop();
+              return _context14.stop();
           }
-        }, _callee18, this);
+        }, _callee14, this);
       }));
       function _handleMicrophoneListUpdated() {
         return _handleMicrophoneListUpdated2.apply(this, arguments);
@@ -1750,56 +1746,34 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     }()
   }, {
     key: "_handleSpeakerAdded",
-    value: function () {
-      var _handleSpeakerAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
-        return _regenerator["default"].wrap(function (_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
-            case 0:
-              _context19.next = 1;
-              return this._handleSpeakerListUpdated();
-            case 1:
-              this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
-            case 2:
-            case "end":
-              return _context19.stop();
-          }
-        }, _callee19, this);
-      }));
-      function _handleSpeakerAdded() {
-        return _handleSpeakerAdded2.apply(this, arguments);
-      }
-      return _handleSpeakerAdded;
-    }()
+    value: function _handleSpeakerAdded() {
+      this._handleSpeakerListUpdated();
+    }
   }, {
     key: "_handleSpeakerRemoved",
     value: function () {
-      var _handleSpeakerRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee20() {
+      var _handleSpeakerRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
         var _this1 = this;
         var currentDeviceExist;
-        return _regenerator["default"].wrap(function (_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+        return _regenerator["default"].wrap(function (_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              _context20.next = 1;
+              _context15.next = 1;
               return this._handleSpeakerListUpdated();
             case 1:
               // 如何设备移除了，应该切到跟随系统
               currentDeviceExist = this.speakerList.find(function (item) {
                 return item.deviceId === _this1._speakerDevice.id;
               });
-              if (currentDeviceExist) {
-                _context20.next = 2;
-                break;
+              if (!currentDeviceExist) {
+                this.logger.info('[FcrDeviceStore] current speaker does not exist in speaker list, switch to follow system');
+                this.setSpeakerId(DEFAULT_DEVICE_ID);
               }
-              this.logger.info('[FcrDeviceStore] current speaker does not exist in speaker list, switch to follow system');
-              _context20.next = 2;
-              return this.setSpeakerId(DEFAULT_DEVICE_ID);
             case 2:
-              this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
-            case 3:
             case "end":
-              return _context20.stop();
+              return _context15.stop();
           }
-        }, _callee20, this);
+        }, _callee15, this);
       }));
       function _handleSpeakerRemoved() {
         return _handleSpeakerRemoved2.apply(this, arguments);
@@ -1809,24 +1783,22 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleSpeakerListUpdated",
     value: function () {
-      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee21() {
-        var _this10 = this;
+      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
         var speakerList;
-        return _regenerator["default"].wrap(function (_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+        return _regenerator["default"].wrap(function (_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              _context21.next = 1;
+              _context16.next = 1;
               return this._getSpeakerList();
             case 1:
-              speakerList = _context21.sent;
-              (0, _mobx.runInAction)(function () {
-                _this10.speakerList = speakerList;
-              });
+              speakerList = _context16.sent;
+              this.speakerList = speakerList;
+              this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
             case 2:
             case "end":
-              return _context21.stop();
+              return _context16.stop();
           }
-        }, _callee21, this);
+        }, _callee16, this);
       }));
       function _handleSpeakerListUpdated() {
         return _handleSpeakerListUpdated2.apply(this, arguments);
@@ -1836,60 +1808,26 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_getMicrophoneList",
     value: function () {
-      var _getMicrophoneList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee22() {
-        var defaultDevice, list, defaultIdDevice;
-        return _regenerator["default"].wrap(function (_context22) {
-          while (1) switch (_context22.prev = _context22.next) {
+      var _getMicrophoneList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
+        var systemSelectedMicrophone, deviceList, formatDeviceList;
+        return _regenerator["default"].wrap(function (_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
-              _context22.next = 1;
+              _context17.next = 1;
               return this._mediaControl.getSystemSelectedMicrophone();
             case 1:
-              defaultDevice = _context22.sent;
-              _context22.next = 2;
+              systemSelectedMicrophone = _context17.sent;
+              _context17.next = 2;
               return this._mediaControl.getMicrophoneList();
             case 2:
-              list = _context22.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')
-                  })
-                });
-              }
-
-              // 设备列表中有默认设备
-              if (defaultIdDevice && defaultIdDevice.deviceName) {
-                defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                  reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
-                });
-              }
-              list.sort(function (a, b) {
-                if (a.deviceId === DEFAULT_DEVICE_ID) return -1;
-                if (b.deviceId === DEFAULT_DEVICE_ID) return 1;
-                return 0;
-              });
-              return _context22.abrupt("return", list);
+              deviceList = _context17.sent;
+              formatDeviceList = this._formatDeviceList(deviceList, systemSelectedMicrophone);
+              return _context17.abrupt("return", formatDeviceList);
             case 3:
             case "end":
-              return _context22.stop();
+              return _context17.stop();
           }
-        }, _callee22, this);
+        }, _callee17, this);
       }));
       function _getMicrophoneList() {
         return _getMicrophoneList2.apply(this, arguments);
@@ -1899,54 +1837,26 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_getSpeakerList",
     value: function () {
-      var _getSpeakerList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee23() {
-        var defaultDevice, list, defaultIdDevice;
-        return _regenerator["default"].wrap(function (_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+      var _getSpeakerList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
+        var systemSelectedSpeaker, deviceList, formatDeviceList;
+        return _regenerator["default"].wrap(function (_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
-              _context23.next = 1;
+              _context18.next = 1;
               return this._mediaControl.getSystemSelectedSpeaker();
             case 1:
-              defaultDevice = _context23.sent;
-              _context23.next = 2;
+              systemSelectedSpeaker = _context18.sent;
+              _context18.next = 2;
               return this._mediaControl.getSpeakerList();
             case 2:
-              list = _context23.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')
-                  })
-                });
-              }
-
-              // 设备列表中有默认设备
-              if (defaultIdDevice && defaultIdDevice.deviceName) {
-                defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                  reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
-                });
-              }
-              return _context23.abrupt("return", list);
+              deviceList = _context18.sent;
+              formatDeviceList = this._formatDeviceList(deviceList, systemSelectedSpeaker);
+              return _context18.abrupt("return", formatDeviceList);
             case 3:
             case "end":
-              return _context23.stop();
+              return _context18.stop();
           }
-        }, _callee23, this);
+        }, _callee18, this);
       }));
       function _getSpeakerList() {
         return _getSpeakerList2.apply(this, arguments);
@@ -1954,24 +1864,58 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       return _getSpeakerList;
     }()
   }, {
-    key: "setMainRoomAudioOff",
-    value: function setMainRoomAudioOff(enable) {
-      this.isMainRoomAudioOff = enable;
+    key: "_formatDeviceList",
+    value: function _formatDeviceList(deviceList, systemSelectedDevice) {
+      var defaultDeviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+        reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+      });
+      var formatDeviceList = deviceList.reduce(function (deviceList, deviceInfo) {
+        var results = /^default \((.*)\)$/.exec(deviceInfo.deviceName);
+        if (results && results.length > 1) {
+          deviceInfo.deviceName = results[1];
+        }
+        var isNotVirtualSoundCard = !(0, _tools.matchVirtualSoundCardPattern)(deviceInfo.deviceName);
+        if (isNotVirtualSoundCard) {
+          if (deviceInfo.deviceId === DEFAULT_DEVICE_ID) {
+            deviceInfo.deviceName = defaultDeviceName;
+          }
+          deviceList.push(deviceInfo);
+        }
+        return deviceList;
+      }, []);
+      var defaultIdDevice = formatDeviceList.find(function (item) {
+        return item.deviceId === DEFAULT_DEVICE_ID;
+      });
+
+      // 设备列表中没有默认设备，但是系统默认设备存在
+      if (!defaultIdDevice && systemSelectedDevice !== null && systemSelectedDevice !== void 0 && systemSelectedDevice.deviceName) {
+        formatDeviceList.unshift({
+          deviceId: DEFAULT_DEVICE_ID,
+          deviceName: defaultDeviceName
+        });
+      } else {
+        formatDeviceList.sort(function (a, b) {
+          if (a.deviceId === DEFAULT_DEVICE_ID) return -1;
+          if (b.deviceId === DEFAULT_DEVICE_ID) return 1;
+          return 0;
+        });
+      }
+      return formatDeviceList;
     }
   }, {
     key: "_loadBuiltinResources",
     value: function () {
-      var _loadBuiltinResources2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee24() {
+      var _loadBuiltinResources2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
         var _window$runtime,
-          _this11 = this;
+          _this10 = this;
         var _yield$window$runtime, virtualBackgroundImages, virtualBackgroundVideos, soundEffects, newVirtualBackgroundList, images, videos, sounds;
-        return _regenerator["default"].wrap(function (_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+        return _regenerator["default"].wrap(function (_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              _context24.next = 1;
+              _context19.next = 1;
               return (_window$runtime = window.runtime) === null || _window$runtime === void 0 ? void 0 : _window$runtime.loadBuiltinResources();
             case 1:
-              _yield$window$runtime = _context24.sent;
+              _yield$window$runtime = _context19.sent;
               virtualBackgroundImages = _yield$window$runtime.virtualBackgroundImages;
               virtualBackgroundVideos = _yield$window$runtime.virtualBackgroundVideos;
               soundEffects = _yield$window$runtime.soundEffects;
@@ -2004,16 +1948,16 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               newVirtualBackgroundList = newVirtualBackgroundList.concat(images);
               newVirtualBackgroundList = newVirtualBackgroundList.concat(videos);
               (0, _mobx.runInAction)(function () {
-                _this11._updateVirtualBackgroundList(newVirtualBackgroundList);
+                _this10._updateVirtualBackgroundList(newVirtualBackgroundList);
                 sounds.forEach(function (item) {
-                  _this11.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
+                  _this10.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
                 });
               });
             case 2:
             case "end":
-              return _context24.stop();
+              return _context19.stop();
           }
-        }, _callee24, this);
+        }, _callee19, this);
       }));
       function _loadBuiltinResources() {
         return _loadBuiltinResources2.apply(this, arguments);
@@ -2023,14 +1967,14 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }]);
 }();
 _FcrUIDeviceProviderImpl = FcrUIDeviceProviderImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIDeviceProviderImpl, [[_mobx.observable, 1, "_microphoneDevice"], [_mobx.observable, 1, "_microphone"], [_mobx.observable, 1, "_speakerDevice"], [_mobx.observable, 1, "_speaker"], [_mobx.observable, 1, "currentIsMirror"], [_mobx.observable, 1, "showForceOpenEffectDialog"], [_mobx.observable, 1, "cameraId"], [_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"], [_initDeviceListDecs, 18, "initDeviceList"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_handleSpeakerDetectingChangedDecs, 18, "_handleSpeakerDetectingChanged"], [_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"], [_handleMicrophoneAudioTrackDecs, 18, "_handleMicrophoneAudioTrack"], [_setMicrophoneEnabledDecs, 18, "setMicrophoneEnabled"], [_handleMicrophoneEnabledChangedDecs, 18, "_handleMicrophoneEnabledChanged"], [_toggleLocalMirrorDecs, 18, "toggleLocalMirror"], [_resetMirrorDecs, 18, "resetMirror"], [_handleMicrophoneDetectingChangedDecs, 18, "_handleMicrophoneDetectingChanged"], [_startMicrophoneTestDecs, 18, "startMicrophoneTest"], [_stopMicrophoneTestDecs, 18, "stopMicrophoneTest"], [_enableVirtualBackgroundDecs, 18, "enableVirtualBackground"], [_setEditBeautyKeyDecs, 18, "setEditBeautyKey"], [_enableBeautyEffectDecs, 18, "enableBeautyEffect"], [_setCameraIdDecs, 18, "setCameraId"], [_imports.bound, 2, "_handleMicrophoneIdChanged"], [_imports.bound, 2, "_handleMicrophoneDeviceIdChanged"], [_imports.bound, 2, "_handleSpeakerDeviceIdChanged"], [_imports.bound, 2, "_handleSpeakerIdChanged"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_loadUiResourcesDecs, 18, "loadUiResources"], [_imports.bound, 2, "toggleAGC"], [_setConnectTypeDecs, 18, "setConnectType"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSystemSelectedSpeakerChangedDecs, 18, "_handleSystemSelectedSpeakerChanged"], [_handleSystemSelectedMicrophoneChangedDecs, 18, "_handleSystemSelectedMicrophoneChanged"], [_correctSystemSelectedMicrophoneDeviceIdDecs, 18, "_correctSystemSelectedMicrophoneDeviceId"], [_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);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIDeviceProviderImpl, [[_mobx.observable, 1, "_microphoneDevice"], [_mobx.observable, 1, "_microphone"], [_mobx.observable, 1, "_speakerDevice"], [_mobx.observable, 1, "_speaker"], [_mobx.observable, 1, "_cameraDevice"], [_mobx.observable, 1, "currentIsMirror"], [_mobx.observable, 1, "showForceOpenEffectDialog"], [_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"], [_handleCameraEnabledChangedDecs, 18, "_handleCameraEnabledChanged"], [_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"], [_setMainRoomAudioOffDecs, 18, "setMainRoomAudioOff"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_startOrStopCameraDecs, 18, "startOrStopCamera"], [_setShowCameraPreviewDecs, 18, "setShowCameraPreview"], [_loadUiResourcesDecs, 18, "loadUiResources"], [_loadZipResourcesDecs, 18, "loadZipResources"], [_imports.bound, 2, "toggleAGC"], [_setConnectTypeDecs, 18, "setConnectType"], [_toggleLocalCameraPreviewDecs, 18, "toggleLocalCameraPreview"], [_getLoopbackDeviceIdDecs, 18, "getLoopbackDeviceId"], [_initDeviceListDecs, 18, "_initDeviceList"], [_handleMicrophoneAudioTrackDecs, 18, "_handleMicrophoneAudioTrack"], [_handleMicrophoneEnabledChangedDecs, 18, "_handleMicrophoneEnabledChanged"], [_handleCameraVideoTrackDecs, 18, "_handleCameraVideoTrack"], [_imports.bound, 2, "_handleCameraDeviceIdChanged"], [_handleSpeakerDetectingChangedDecs, 18, "_handleSpeakerDetectingChanged"], [_stopSelectedSpeakerTestDecs, 18, "_stopSelectedSpeakerTest"], [_handleMicrophoneDetectingChangedDecs, 18, "_handleMicrophoneDetectingChanged"], [_stopMicrophoneTestDecs2, 18, "_stopMicrophoneTest"], [_imports.bound, 2, "_handleMicrophoneIdChanged"], [_imports.bound, 2, "_handleMicrophoneDeviceIdChanged"], [_imports.bound, 2, "_handleSpeakerDeviceIdChanged"], [_imports.bound, 2, "_handleSpeakerIdChanged"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSystemSelectedSpeakerChangedDecs, 18, "_handleSystemSelectedSpeakerChanged"], [_handleSystemSelectedMicrophoneChangedDecs, 18, "_handleSystemSelectedMicrophoneChanged"], [_correctSystemSelectedMicrophoneDeviceIdDecs, 18, "_correctSystemSelectedMicrophoneDeviceId"], [_handleSelectedSpeakerVolumeUpdatedDecs, 18, "_handleSelectedSpeakerVolumeUpdated"], [_handleSpeakerTestVolumeIndicationUpdatedDecs, 18, "_handleSpeakerTestVolumeIndicationUpdated"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_imports.bound, 2, "_toggleLocalCameraPreview"], [_imports.bound, 2, "_handleCameraAdded"], [_imports.bound, 2, "_handleCameraRemoved"], [_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"], [_getMicrophoneListDecs, 18, "_getMicrophoneList"], [_getSpeakerListDecs, 18, "_getSpeakerList"], [_formatDeviceListDecs, 18, "_formatDeviceList"], [_loadBuiltinResourcesDecs, 18, "_loadBuiltinResources"]], []).e, 30);
 _init__microphoneDevice = _applyDecs$e[0];
 _init__microphone = _applyDecs$e[1];
 _init__speakerDevice = _applyDecs$e[2];
 _init__speaker = _applyDecs$e[3];
-_init_currentIsMirror = _applyDecs$e[4];
-_init_showForceOpenEffectDialog = _applyDecs$e[5];
-_init_cameraId = _applyDecs$e[6];
+_init__cameraDevice = _applyDecs$e[4];
+_init_currentIsMirror = _applyDecs$e[5];
+_init_showForceOpenEffectDialog = _applyDecs$e[6];
 _init_cameraEnabled = _applyDecs$e[7];
 _init_showCameraPreview = _applyDecs$e[8];
 _init_microphoneEnabled = _applyDecs$e[9];