fcr-ui-scene 3.6.2 → 3.6.4

package/lib/providers/device-provider.js

@@ -42,11 +42,6 @@ require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.find.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.async-iterator.map.js");
-require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");
@@ -117,7 +112,6 @@ var _mobx = require("mobx");
 var _virtualBackdoundResources = require("../modules/device-pretest/assets/virtual-backdound-resources");
 var _type2 = require("../type");
 var _tools = require("../utilities/tools");
-var _store = require("../modules/setting/store");
 var _logger = require("../utilities/logger");
 var _FcrUIDeviceProviderImpl;
 var _initProto, _init__microphoneDeviceId, _init__speakerDeviceId, _init_currentIsMirror, _init_showForceOpenEffectDialog, _init_cameraId, _init_microphoneId, _init_speakerId, _init_cameraEnabled, _init_showCameraPreview, _init_microphoneEnabled, _init_cameraList, _init_microphoneList, _init_microphoneVolumeLevel, _init_speakerList, _init_isLocalMirrorEnabled, _init_isLocalEditBeautyOptions, _init_speakerVolumeLevel, _init_speakerVolume, _init_microphoneVolume, _init_virtualBackgroundName, _init_enableBeauty, _init_beautyKey, _init_beautyOptions, _init_virtualBackgroundList, _init_soundEffectList, _init_microphoneDetecting, _init_speakerDetecting, _init_connectType, _init_isMainRoomAudioOff, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _loadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleSpeakerAddedDecs, _handleSpeakerRemovedDecs, _handleSpeakerListUpdatedDecs, _setMainRoomAudioOffDecs, _ref;
@@ -164,7 +158,7 @@ var _b = /*#__PURE__*/new WeakMap();
 var _c = /*#__PURE__*/new WeakMap();
 _ref = (_startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _startSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _stopSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _setCurrentIsMirrorDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorPreviewDecs = [_mobx.action, _mobx.action.bound], _setBeautyOptionsDecs = [_mobx.action, _mobx.action.bound], _handleCancelForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _handleForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneEnabledDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorDecs = [_mobx.action, _mobx.action.bound], _resetMirrorDecs = [_mobx.action, _mobx.action.bound], _startMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _stopMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _enableVirtualBackgroundDecs = [_mobx.action, _mobx.action.bound], _setEditBeautyKeyDecs = [_mobx.action, _mobx.action.bound], _enableBeautyEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneVolumeDecs = [_mobx.action, _mobx.action.bound], _loadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _setConnectTypeDecs = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerTestVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerAddedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerRemovedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerListUpdatedDecs = [_mobx.action, _mobx.action.bound], _setMainRoomAudioOffDecs = [_mobx.action, _mobx.action.bound], "logger");
 var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/function () {
-  function FcrUIDeviceProviderImpl(_eventProvider, _mediaControl, _mediaConfig, _localStorageProvider) {
+  function FcrUIDeviceProviderImpl(_eventProvider, _mediaControl, _mediaConfig, _userSettingStorageProvider) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, FcrUIDeviceProviderImpl);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
@@ -234,7 +228,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     this._eventProvider = _eventProvider;
     this._mediaControl = _mediaControl;
     this._mediaConfig = _mediaConfig;
-    this._localStorageProvider = _localStorageProvider;
+    this._userSettingStorageProvider = _userSettingStorageProvider;
     this._listeners.push((0, _mobx.reaction)(function () {
       return _this.cameraId;
     }, this._handleCameraChanged));
@@ -489,21 +483,21 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     value: function () {
       var _ifAccessMicrophone = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
         var hasSystemPermission;
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               hasSystemPermission = true;
               if (!(0, _env.isElectron)()) {
-                _context.next = 5;
+                _context.next = 2;
                 break;
               }
-              _context.next = 4;
+              _context.next = 1;
               return window.runtime.checkMediaPermission('microphone');
-            case 4:
+            case 1:
               hasSystemPermission = _context.sent;
-            case 5:
+            case 2:
               return _context.abrupt("return", hasSystemPermission);
-            case 6:
+            case 3:
             case "end":
               return _context.stop();
           }
@@ -519,21 +513,21 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     value: function () {
       var _ifAccessCamera = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
         var hasSystemPermission;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
+        return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               hasSystemPermission = true;
               if (!(0, _env.isElectron)()) {
-                _context2.next = 5;
+                _context2.next = 2;
                 break;
               }
-              _context2.next = 4;
+              _context2.next = 1;
               return window.runtime.checkMediaPermission('camera');
-            case 4:
+            case 1:
               hasSystemPermission = _context2.sent;
-            case 5:
+            case 2:
               return _context2.abrupt("return", hasSystemPermission);
-            case 6:
+            case 3:
             case "end":
               return _context2.stop();
           }
@@ -681,7 +675,8 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_initLocalSetting",
     value: function _initLocalSetting() {
-      var value = this._localStorageProvider.read(_store.SETTING_KEY);
+      var _this$_userSettingSto;
+      var value = (_this$_userSettingSto = this._userSettingStorageProvider.read()) === null || _this$_userSettingSto === void 0 ? void 0 : _this$_userSettingSto.setting;
       if (value) {
         var _value$microphoneVolu, _value$isLocalMirrorE, _value$editBeautyKey;
         var _microphoneVolume = (_value$microphoneVolu = value.microphoneVolume) !== null && _value$microphoneVolu !== void 0 ? _value$microphoneVolu : this.microphoneVolume;
@@ -698,15 +693,16 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       var _init = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
         var _this2 = this;
         var res;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
+        return _regenerator["default"].wrap(function (_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              _context5.next = 2;
+              _context5.next = 1;
               return Promise.allSettled([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 _this2$_userSettingSt;
                     var _cameraId = _this2.cameraList[0].deviceId;
                     var defaultCameraDeviceId = _this2._getDefaultDeviceId({
                       initValue: _cameraId,
@@ -715,7 +711,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                     });
                     _this2.logger.info('[FcrDeviceStore] select default camera id:', defaultCameraDeviceId);
                     _this2.setCameraId(defaultCameraDeviceId);
-                    var localSetting = _this2._localStorageProvider.read(_store.SETTING_KEY);
+                    var localSetting = (_this2$_userSettingSt = _this2._userSettingStorageProvider.read()) === null || _this2$_userSettingSt === void 0 ? void 0 : _this2$_userSettingSt.setting;
                     if (localSetting) {
                       var _localSetting$enableB, _localSetting$beautyO;
                       if (localSetting.enable) {
@@ -731,7 +727,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               }), this._getMicrophoneList().then(/*#__PURE__*/function () {
                 var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(microphoneList) {
                   var defaultMicrophoneDeviceId;
-                  return _regenerator["default"].wrap(function _callee3$(_context3) {
+                  return _regenerator["default"].wrap(function (_context3) {
                     while (1) switch (_context3.prev = _context3.next) {
                       case 0:
                         _this2.microphoneList = microphoneList;
@@ -742,9 +738,9 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                           localKey: 'microphoneDeviceId',
                           list: _this2.microphoneList
                         });
-                        _context3.next = 5;
+                        _context3.next = 1;
                         return _this2.setMicrophoneId(defaultMicrophoneDeviceId);
-                      case 5:
+                      case 1:
                       case "end":
                         return _context3.stop();
                     }
@@ -756,7 +752,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               }()), this._getSpeakerList().then(/*#__PURE__*/function () {
                 var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(speakerList) {
                   var defaultSpeakerDeviceId;
-                  return _regenerator["default"].wrap(function _callee4$(_context4) {
+                  return _regenerator["default"].wrap(function (_context4) {
                     while (1) switch (_context4.prev = _context4.next) {
                       case 0:
                         _this2.speakerList = speakerList;
@@ -767,9 +763,9 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                           localKey: 'speakerDeviceId',
                           list: _this2.speakerList
                         });
-                        _context4.next = 5;
+                        _context4.next = 1;
                         return _this2.setSpeakerId(defaultSpeakerDeviceId);
-                      case 5:
+                      case 1:
                       case "end":
                         return _context4.stop();
                     }
@@ -779,11 +775,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                   return _ref3.apply(this, arguments);
                 };
               }())]);
-            case 2:
+            case 1:
               res = _context5.sent;
               this._initLocalSetting();
               return _context5.abrupt("return", res);
-            case 5:
+            case 2:
             case "end":
               return _context5.stop();
           }
@@ -1122,30 +1118,30 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(speakerId) {
         var _this6 = this;
         var speakerDeviceId, defaultDevice;
-        return _regenerator["default"].wrap(function _callee6$(_context6) {
+        return _regenerator["default"].wrap(function (_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if (!(speakerId !== DEFAULT_DEVICE_ID && this.speakerId === speakerId)) {
-                _context6.next = 2;
+                _context6.next = 1;
                 break;
               }
               return _context6.abrupt("return");
-            case 2:
+            case 1:
               if (!speakerId) {
-                _context6.next = 13;
+                _context6.next = 4;
                 break;
               }
               speakerDeviceId = speakerId;
               if (!(speakerId === DEFAULT_DEVICE_ID)) {
-                _context6.next = 9;
+                _context6.next = 3;
                 break;
               }
-              _context6.next = 7;
+              _context6.next = 2;
               return this._mediaControl.getSystemSelectedSpeaker();
-            case 7:
+            case 2:
               defaultDevice = _context6.sent;
               speakerDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
-            case 9:
+            case 3:
               if (speakerDeviceId) {
                 this._mediaControl.setSelectedSpeaker(speakerDeviceId);
               }
@@ -1153,15 +1149,15 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                 _this6._speakerDeviceId = speakerDeviceId;
                 _this6.speakerId = speakerId;
               });
-              _context6.next = 15;
+              _context6.next = 5;
               break;
-            case 13:
+            case 4:
               this._speakerDeviceId = speakerId;
               this.speakerId = speakerId;
-            case 15:
+            case 5:
               this._mediaControl.followSystemSpeaker(speakerId === DEFAULT_DEVICE_ID);
               this._observable.notifyObservers('onSpeakerChanged', this._speakerDeviceId);
-            case 17:
+            case 6:
             case "end":
               return _context6.stop();
           }
@@ -1180,33 +1176,33 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
           _this$_microphoneAudi6,
           _this7 = this;
         var microphoneDeviceId, defaultDevice, _microphoneTrack;
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
+        return _regenerator["default"].wrap(function (_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!(microphoneId !== DEFAULT_DEVICE_ID && this.microphoneId === microphoneId)) {
-                _context7.next = 2;
+                _context7.next = 1;
                 break;
               }
               return _context7.abrupt("return");
-            case 2:
+            case 1:
               (_this$_microphoneAudi5 = this._microphoneAudioTrack) === null || _this$_microphoneAudi5 === void 0 || _this$_microphoneAudi5.removeObserver(this._microphoneObserver);
               (_this$_microphoneAudi6 = this._microphoneAudioTrack) === null || _this$_microphoneAudi6 === void 0 || _this$_microphoneAudi6.stop();
               this.stopMicrophoneTest();
               if (!microphoneId) {
-                _context7.next = 16;
+                _context7.next = 4;
                 break;
               }
               microphoneDeviceId = microphoneId;
               if (!(microphoneDeviceId === DEFAULT_DEVICE_ID)) {
-                _context7.next = 12;
+                _context7.next = 3;
                 break;
               }
-              _context7.next = 10;
+              _context7.next = 2;
               return this._mediaControl.getSystemSelectedMicrophone();
-            case 10:
+            case 2:
               defaultDevice = _context7.sent;
               microphoneDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
-            case 12:
+            case 3:
               if (microphoneDeviceId) {
                 _microphoneTrack = this._mediaControl.getMicrophoneTrack(microphoneDeviceId);
                 _microphoneTrack.addObserver(this._microphoneObserver);
@@ -1219,15 +1215,15 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                 _this7._microphoneDeviceId = microphoneDeviceId;
                 _this7.microphoneId = microphoneId;
               });
-              _context7.next = 18;
+              _context7.next = 5;
               break;
-            case 16:
+            case 4:
               this._microphoneDeviceId = microphoneId;
               this.microphoneId = microphoneId;
-            case 18:
+            case 5:
               this._mediaControl.followSystemMicrophone(microphoneId === DEFAULT_DEVICE_ID);
               this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDeviceId);
-            case 20:
+            case 6:
             case "end":
               return _context7.stop();
           }
@@ -1278,11 +1274,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       var _loadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(uiResource) {
         var _this8 = 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 _callee8$(_context8) {
+        return _regenerator["default"].wrap(function (_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
               if ((0, _env.isElectron)()) {
-                _context8.next = 12;
+                _context8.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) {
@@ -1325,12 +1321,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                   _this8.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
                 });
               });
-              _context8.next = 21;
+              _context8.next = 3;
               break;
-            case 12:
-              _context8.next = 14;
+            case 1:
+              _context8.next = 2;
               return this._loadBuiltinResources();
-            case 14:
+            case 2:
               _images = (uiResource === null || uiResource === void 0 || (_uiResource$virtualBa3 = uiResource.virtualBackgroundImages) === null || _uiResource$virtualBa3 === void 0 ? void 0 : _uiResource$virtualBa3.filter(function (url) {
                 return (0, _tools.isZipUrl)(url);
               })) || [];
@@ -1367,7 +1363,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               this.loadZipResources(_images, 'image', handleResourceReady);
               this.loadZipResources(_videos, 'video', handleResourceReady);
               this.loadZipResources(_soundEffects, 'audio', handleResourceReady);
-            case 21:
+            case 3:
             case "end":
               return _context8.stop();
           }
@@ -1381,24 +1377,24 @@ 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 _loadZipResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee0(zipUrls, type, callback) {
         var _this9 = this;
         var ps;
-        return _regenerator["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regenerator["default"].wrap(function (_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
             case 0:
               ps = zipUrls.map(/*#__PURE__*/function () {
                 var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(url) {
                   var filePathList;
-                  return _regenerator["default"].wrap(function _callee9$(_context9) {
+                  return _regenerator["default"].wrap(function (_context9) {
                     while (1) switch (_context9.prev = _context9.next) {
                       case 0:
-                        _context9.next = 2;
+                        _context9.next = 1;
                         return _this9._fetchZipAndUnzip(url, type);
-                      case 2:
+                      case 1:
                         filePathList = _context9.sent;
                         callback(filePathList, type);
-                      case 4:
+                      case 2:
                       case "end":
                         return _context9.stop();
                     }
@@ -1408,13 +1404,13 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                   return _ref4.apply(this, arguments);
                 };
               }());
-              _context10.next = 3;
+              _context0.next = 1;
               return Promise.allSettled(ps);
-            case 3:
+            case 1:
             case "end":
-              return _context10.stop();
+              return _context0.stop();
           }
-        }, _callee10);
+        }, _callee0);
       }));
       function loadZipResources(_x6, _x7, _x8) {
         return _loadZipResources.apply(this, arguments);
@@ -1424,13 +1420,13 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "release",
     value: function release() {
-      var _this10 = this,
+      var _this0 = this,
         _this$_cameraVideoTra3,
         _this$_microphoneAudi8;
       if (this._localVideoViewSet.size > 0) {
         this._localVideoViewSet.forEach(function (view) {
-          var _this10$_cameraVideoT;
-          (_this10$_cameraVideoT = _this10._cameraVideoTrack) === null || _this10$_cameraVideoT === void 0 || _this10$_cameraVideoT.stopPreview(view);
+          var _this0$_cameraVideoTr;
+          (_this0$_cameraVideoTr = _this0._cameraVideoTrack) === null || _this0$_cameraVideoTr === void 0 || _this0$_cameraVideoTr.stopPreview(view);
         });
         this._localVideoViewSet.clear();
       }
@@ -1447,20 +1443,20 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     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 _callee1(url, type) {
         var md5Url;
-        return _regenerator["default"].wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regenerator["default"].wrap(function (_context1) {
+          while (1) switch (_context1.prev = _context1.next) {
             case 0:
               md5Url = (0, _imports.md5)(url);
-              return _context11.abrupt("return", window.runtime.getResourceByFileType(url, md5Url, type));
-            case 2:
+              return _context1.abrupt("return", window.runtime.getResourceByFileType(url, md5Url, type));
+            case 1:
             case "end":
-              return _context11.stop();
+              return _context1.stop();
           }
-        }, _callee11);
+        }, _callee1);
       }));
-      function _fetchZipAndUnzip(_x10, _x11) {
+      function _fetchZipAndUnzip(_x0, _x1) {
         return _fetchZipAndUnzip2.apply(this, arguments);
       }
       return _fetchZipAndUnzip;
@@ -1503,7 +1499,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "toggleLocalCameraPreview",
     value: function toggleLocalCameraPreview(enabled) {
-      var _this11 = this;
+      var _this1 = this;
       var localVideoViewSet = this._localVideoViewSet;
       var cameraTrack = this._cameraVideoTrack;
       if (!enabled && localVideoViewSet.size > 0 && cameraTrack) {
@@ -1515,7 +1511,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
         localVideoViewSet.forEach(function (view) {
           cameraTrack === null || cameraTrack === void 0 || cameraTrack.startPreview({
             renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
-            isMirror: _this11.currentIsMirror
+            isMirror: _this1.currentIsMirror
           }, view);
         });
       }
@@ -1523,24 +1519,24 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-        var _this12 = this;
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
+        var _this10 = this;
         var cameraList, currentDeviceExist, _cameraEnabled, deviceId, _deviceId;
-        return _regenerator["default"].wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regenerator["default"].wrap(function (_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context12.next = 2;
+              _context10.next = 1;
               return this._mediaControl.getCameraList();
-            case 2:
-              cameraList = _context12.sent;
+            case 1:
+              cameraList = _context10.sent;
               (0, _mobx.runInAction)(function () {
-                _this12.cameraList = cameraList;
+                _this10.cameraList = cameraList;
               });
               currentDeviceExist = false;
               if (this.cameraId) {
                 currentDeviceExist = this.cameraList.some(function (_ref5) {
                   var deviceId = _ref5.deviceId;
-                  return _this12.cameraId === deviceId;
+                  return _this10.cameraId === deviceId;
                 });
                 _cameraEnabled = this.cameraEnabled;
                 if (!currentDeviceExist) {
@@ -1565,11 +1561,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                 }
               }
               this._observable.notifyObservers('onCameraListUpdated', this.cameraList);
-            case 8:
+            case 2:
             case "end":
-              return _context12.stop();
+              return _context10.stop();
           }
-        }, _callee12, this);
+        }, _callee10, this);
       }));
       function _handleCameraListUpdated() {
         return _handleCameraListUpdated2.apply(this, arguments);
@@ -1579,19 +1575,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleMicrophoneAdded",
     value: function () {
-      var _handleMicrophoneAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
-        return _regenerator["default"].wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+      var _handleMicrophoneAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+        return _regenerator["default"].wrap(function (_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              _context13.next = 2;
+              _context11.next = 1;
               return this._handleMicrophoneListUpdated();
-            case 2:
+            case 1:
               this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
-            case 3:
+            case 2:
             case "end":
-              return _context13.stop();
+              return _context11.stop();
           }
-        }, _callee13, this);
+        }, _callee11, this);
       }));
       function _handleMicrophoneAdded() {
         return _handleMicrophoneAdded2.apply(this, arguments);
@@ -1601,33 +1597,33 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleMicrophoneRemoved",
     value: function () {
-      var _handleMicrophoneRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
-        var _this13 = this;
+      var _handleMicrophoneRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
+        var _this11 = this;
         var currentDeviceExist;
-        return _regenerator["default"].wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regenerator["default"].wrap(function (_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              _context14.next = 2;
+              _context12.next = 1;
               return this._handleMicrophoneListUpdated();
-            case 2:
+            case 1:
               // 如何设备移除了，应该切到跟随系统
               currentDeviceExist = this.microphoneList.find(function (item) {
-                return item.deviceId === _this13._microphoneDeviceId;
+                return item.deviceId === _this11._microphoneDeviceId;
               });
               if (currentDeviceExist) {
-                _context14.next = 7;
+                _context12.next = 2;
                 break;
               }
               this.logger.info('[FcrDeviceStore] current microphone does not exist in microphone list, switch to follow system');
-              _context14.next = 7;
+              _context12.next = 2;
               return this.setMicrophoneId(DEFAULT_DEVICE_ID);
-            case 7:
+            case 2:
               this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
-            case 8:
+            case 3:
             case "end":
-              return _context14.stop();
+              return _context12.stop();
           }
-        }, _callee14, this);
+        }, _callee12, this);
       }));
       function _handleMicrophoneRemoved() {
         return _handleMicrophoneRemoved2.apply(this, arguments);
@@ -1637,28 +1633,28 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleMicrophoneListUpdated",
     value: function () {
-      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
-        var _this14 = this;
+      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+        var _this12 = this;
         var microphoneList;
-        return _regenerator["default"].wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regenerator["default"].wrap(function (_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              _context15.next = 2;
+              _context13.next = 1;
               return this._getMicrophoneList();
-            case 2:
-              microphoneList = _context15.sent;
+            case 1:
+              microphoneList = _context13.sent;
               // 如果选择了跟随系统，浏览器下设备变更时需要更新 track 以保证当前设备 track 正确
               if (this.followSystemMicrophoneDevice) {
                 this._refreshMicrophoneTrack();
               }
               (0, _mobx.runInAction)(function () {
-                _this14.microphoneList = microphoneList;
+                _this12.microphoneList = microphoneList;
               });
-            case 5:
+            case 2:
             case "end":
-              return _context15.stop();
+              return _context13.stop();
           }
-        }, _callee15, this);
+        }, _callee13, this);
       }));
       function _handleMicrophoneListUpdated() {
         return _handleMicrophoneListUpdated2.apply(this, arguments);
@@ -1673,9 +1669,9 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_refreshMicrophoneTrack",
     value: function _refreshMicrophoneTrack() {
-      var _this$_microphoneAudi9, _this$_microphoneAudi10;
+      var _this$_microphoneAudi9, _this$_microphoneAudi0;
       (_this$_microphoneAudi9 = this._microphoneAudioTrack) === null || _this$_microphoneAudi9 === void 0 || _this$_microphoneAudi9.removeObserver(this._microphoneObserver);
-      (_this$_microphoneAudi10 = this._microphoneAudioTrack) === null || _this$_microphoneAudi10 === void 0 || _this$_microphoneAudi10.stop();
+      (_this$_microphoneAudi0 = this._microphoneAudioTrack) === null || _this$_microphoneAudi0 === void 0 || _this$_microphoneAudi0.stop();
       this._microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
       this._microphoneAudioTrack.addObserver(this._microphoneObserver);
       if (this.microphoneEnabled) {
@@ -1687,19 +1683,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleSpeakerAdded",
     value: function () {
-      var _handleSpeakerAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
-        return _regenerator["default"].wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+      var _handleSpeakerAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
+        return _regenerator["default"].wrap(function (_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context16.next = 2;
+              _context14.next = 1;
               return this._handleSpeakerListUpdated();
-            case 2:
+            case 1:
               this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
-            case 3:
+            case 2:
             case "end":
-              return _context16.stop();
+              return _context14.stop();
           }
-        }, _callee16, this);
+        }, _callee14, this);
       }));
       function _handleSpeakerAdded() {
         return _handleSpeakerAdded2.apply(this, arguments);
@@ -1709,33 +1705,33 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleSpeakerRemoved",
     value: function () {
-      var _handleSpeakerRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
-        var _this15 = this;
+      var _handleSpeakerRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
+        var _this13 = this;
         var currentDeviceExist;
-        return _regenerator["default"].wrap(function _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regenerator["default"].wrap(function (_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              _context17.next = 2;
+              _context15.next = 1;
               return this._handleSpeakerListUpdated();
-            case 2:
+            case 1:
               // 如何设备移除了，应该切到跟随系统
               currentDeviceExist = this.speakerList.find(function (item) {
-                return item.deviceId === _this15._speakerDeviceId;
+                return item.deviceId === _this13._speakerDeviceId;
               });
               if (currentDeviceExist) {
-                _context17.next = 7;
+                _context15.next = 2;
                 break;
               }
               this.logger.info('[FcrDeviceStore] current speaker does not exist in speaker list, switch to follow system');
-              _context17.next = 7;
+              _context15.next = 2;
               return this.setSpeakerId(DEFAULT_DEVICE_ID);
-            case 7:
+            case 2:
               this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
-            case 8:
+            case 3:
             case "end":
-              return _context17.stop();
+              return _context15.stop();
           }
-        }, _callee17, this);
+        }, _callee15, this);
       }));
       function _handleSpeakerRemoved() {
         return _handleSpeakerRemoved2.apply(this, arguments);
@@ -1745,24 +1741,24 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleSpeakerListUpdated",
     value: function () {
-      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
-        var _this16 = this;
+      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
+        var _this14 = this;
         var speakerList;
-        return _regenerator["default"].wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        return _regenerator["default"].wrap(function (_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              _context18.next = 2;
+              _context16.next = 1;
               return this._getSpeakerList();
-            case 2:
-              speakerList = _context18.sent;
+            case 1:
+              speakerList = _context16.sent;
               (0, _mobx.runInAction)(function () {
-                _this16.speakerList = speakerList;
+                _this14.speakerList = speakerList;
               });
-            case 4:
+            case 2:
             case "end":
-              return _context18.stop();
+              return _context16.stop();
           }
-        }, _callee18, this);
+        }, _callee16, this);
       }));
       function _handleSpeakerListUpdated() {
         return _handleSpeakerListUpdated2.apply(this, arguments);
@@ -1772,19 +1768,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_getMicrophoneList",
     value: function () {
-      var _getMicrophoneList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
+      var _getMicrophoneList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
         var defaultDevice, list, defaultIdDevice;
-        return _regenerator["default"].wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+        return _regenerator["default"].wrap(function (_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
-              _context19.next = 2;
+              _context17.next = 1;
               return this._mediaControl.getSystemSelectedMicrophone();
-            case 2:
-              defaultDevice = _context19.sent;
-              _context19.next = 5;
+            case 1:
+              defaultDevice = _context17.sent;
+              _context17.next = 2;
               return this._mediaControl.getMicrophoneList();
-            case 5:
-              list = _context19.sent;
+            case 2:
+              list = _context17.sent;
               list.forEach(function (item) {
                 var results = /^default \((.*)\)$/.exec(item.deviceName);
                 if (results && results.length > 1) {
@@ -1815,12 +1811,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                   reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                 });
               }
-              return _context19.abrupt("return", list);
-            case 12:
+              return _context17.abrupt("return", list);
+            case 3:
             case "end":
-              return _context19.stop();
+              return _context17.stop();
           }
-        }, _callee19, this);
+        }, _callee17, this);
       }));
       function _getMicrophoneList() {
         return _getMicrophoneList2.apply(this, arguments);
@@ -1830,19 +1826,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_getSpeakerList",
     value: function () {
-      var _getSpeakerList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee20() {
+      var _getSpeakerList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
         var defaultDevice, list, defaultIdDevice;
-        return _regenerator["default"].wrap(function _callee20$(_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+        return _regenerator["default"].wrap(function (_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
-              _context20.next = 2;
+              _context18.next = 1;
               return this._mediaControl.getSystemSelectedSpeaker();
-            case 2:
-              defaultDevice = _context20.sent;
-              _context20.next = 5;
+            case 1:
+              defaultDevice = _context18.sent;
+              _context18.next = 2;
               return this._mediaControl.getSpeakerList();
-            case 5:
-              list = _context20.sent;
+            case 2:
+              list = _context18.sent;
               list.forEach(function (item) {
                 var results = /^default \((.*)\)$/.exec(item.deviceName);
                 if (results && results.length > 1) {
@@ -1872,12 +1868,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                   reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                 });
               }
-              return _context20.abrupt("return", list);
-            case 12:
+              return _context18.abrupt("return", list);
+            case 3:
             case "end":
-              return _context20.stop();
+              return _context18.stop();
           }
-        }, _callee20, this);
+        }, _callee18, this);
       }));
       function _getSpeakerList() {
         return _getSpeakerList2.apply(this, arguments);
@@ -1892,10 +1888,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_getDefaultDeviceId",
     value: function _getDefaultDeviceId(_ref6) {
+      var _this$_userSettingSto2;
       var initValue = _ref6.initValue,
         localKey = _ref6.localKey,
         list = _ref6.list;
-      var localSetting = this._localStorageProvider.read(_store.SETTING_KEY);
+      var localSetting = (_this$_userSettingSto2 = this._userSettingStorageProvider.read()) === null || _this$_userSettingSto2 === void 0 ? void 0 : _this$_userSettingSto2.setting;
       var defaultValue = initValue;
       if (localSetting && localSetting[localKey]) {
         var _list$find$deviceId, _list$find;
@@ -1908,17 +1905,17 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_loadBuiltinResources",
     value: function () {
-      var _loadBuiltinResources2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee21() {
+      var _loadBuiltinResources2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
         var _window$runtime,
-          _this17 = this;
+          _this15 = this;
         var _yield$window$runtime, virtualBackgroundImages, virtualBackgroundVideos, soundEffects, newVirtualBackgroundList, images, videos, sounds;
-        return _regenerator["default"].wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+        return _regenerator["default"].wrap(function (_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              _context21.next = 2;
+              _context19.next = 1;
               return (_window$runtime = window.runtime) === null || _window$runtime === void 0 ? void 0 : _window$runtime.loadBuiltinResources();
-            case 2:
-              _yield$window$runtime = _context21.sent;
+            case 1:
+              _yield$window$runtime = _context19.sent;
               virtualBackgroundImages = _yield$window$runtime.virtualBackgroundImages;
               virtualBackgroundVideos = _yield$window$runtime.virtualBackgroundVideos;
               soundEffects = _yield$window$runtime.soundEffects;
@@ -1951,16 +1948,16 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               newVirtualBackgroundList = newVirtualBackgroundList.concat(images);
               newVirtualBackgroundList = newVirtualBackgroundList.concat(videos);
               (0, _mobx.runInAction)(function () {
-                _this17._updateVirtualBackgroundList(newVirtualBackgroundList);
+                _this15._updateVirtualBackgroundList(newVirtualBackgroundList);
                 sounds.forEach(function (item) {
-                  _this17.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
+                  _this15.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
                 });
               });
-            case 16:
+            case 2:
             case "end":
-              return _context21.stop();
+              return _context19.stop();
           }
-        }, _callee21, this);
+        }, _callee19, this);
       }));
       function _loadBuiltinResources() {
         return _loadBuiltinResources2.apply(this, arguments);