fcr-ui-scene 3.5.1 → 3.6.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.slice.js");
 require("core-js/modules/es.array.some.js");
 require("core-js/modules/es.array.sort.js");
 require("core-js/modules/es.array.unshift.js");
@@ -94,8 +95,13 @@ require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.timers.js");
+require("core-js/modules/web.url.js");
+require("core-js/modules/web.url.to-json.js");
+require("core-js/modules/web.url-search-params.js");
+require("core-js/modules/web.url-search-params.delete.js");
+require("core-js/modules/web.url-search-params.has.js");
+require("core-js/modules/web.url-search-params.size.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -111,9 +117,10 @@ 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, _downloadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleSpeakerAddedDecs, _handleSpeakerRemovedDecs, _handleSpeakerListUpdatedDecs, _setMainRoomAudioOffDecs, _ref;
+var _initProto, _init__microphoneDeviceId, _init__speakerDeviceId, _init_currentIsMirror, _init_showForceOpenEffectDialog, _init_cameraId, _init_microphoneId, _init_speakerId, _init_cameraEnabled, _init_showCameraPreview, _init_microphoneEnabled, _init_cameraList, _init_microphoneList, _init_microphoneVolumeLevel, _init_speakerList, _init_isLocalMirrorEnabled, _init_isLocalEditBeautyOptions, _init_speakerVolumeLevel, _init_speakerVolume, _init_microphoneVolume, _init_virtualBackgroundName, _init_enableBeauty, _init_beautyKey, _init_beautyOptions, _init_virtualBackgroundList, _init_soundEffectList, _init_microphoneDetecting, _init_speakerDetecting, _init_connectType, _init_isMainRoomAudioOff, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _loadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleSpeakerAddedDecs, _handleSpeakerRemovedDecs, _handleSpeakerListUpdatedDecs, _setMainRoomAudioOffDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -155,9 +162,9 @@ var _Z = /*#__PURE__*/new WeakMap();
 var _a = /*#__PURE__*/new WeakMap();
 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], _downloadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _setConnectTypeDecs = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerTestVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerAddedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerRemovedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerListUpdatedDecs = [_mobx.action, _mobx.action.bound], _setMainRoomAudioOffDecs = [_mobx.action, _mobx.action.bound], "logger");
+_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) {
+  function FcrUIDeviceProviderImpl(_eventProvider, _mediaControl, _mediaConfig, _localStorageProvider) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, FcrUIDeviceProviderImpl);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
@@ -227,6 +234,7 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     this._eventProvider = _eventProvider;
     this._mediaControl = _mediaControl;
     this._mediaConfig = _mediaConfig;
+    this._localStorageProvider = _localStorageProvider;
     this._listeners.push((0, _mobx.reaction)(function () {
       return _this.cameraId;
     }, this._handleCameraChanged));
@@ -625,6 +633,11 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     get: function get() {
       return this._isAudioConnected;
     }
+  }, {
+    key: "shouldEnableMicBeforeSession",
+    get: function get() {
+      return !this._mediaConfig.microphoneExpectedOff && this._mediaConfig.autoConnectAudio;
+    }
   }, {
     key: "getScreenTrack",
     value: function getScreenTrack(id) {
@@ -665,35 +678,73 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     get: function get() {
       return this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
     }
+  }, {
+    key: "_initLocalSetting",
+    value: function _initLocalSetting() {
+      var value = this._localStorageProvider.read(_store.SETTING_KEY);
+      if (value) {
+        var _value$microphoneVolu, _value$isLocalMirrorE, _value$editBeautyKey;
+        var _microphoneVolume = (_value$microphoneVolu = value.microphoneVolume) !== null && _value$microphoneVolu !== void 0 ? _value$microphoneVolu : this.microphoneVolume;
+        var _isLocalMirrorEnabled = (_value$isLocalMirrorE = value.isLocalMirrorEnabled) !== null && _value$isLocalMirrorE !== void 0 ? _value$isLocalMirrorE : this.isLocalMirrorEnabled;
+        var editBeautyKey = (_value$editBeautyKey = value.editBeautyKey) !== null && _value$editBeautyKey !== void 0 ? _value$editBeautyKey : this.beautyKey;
+        this.setEditBeautyKey(editBeautyKey);
+        this.toggleLocalMirror(_isLocalMirrorEnabled);
+        this.setMicrophoneVolume(_microphoneVolume);
+      }
+    }
   }, {
     key: "init",
     value: function () {
       var _init = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
         var _this2 = this;
+        var res;
         return _regenerator["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              return _context5.abrupt("return", Promise.allSettled([this._mediaControl.getCameraList().then(function (list) {
+              _context5.next = 2;
+              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 _cameraId = _this2.cameraList[0].deviceId;
-                    _this2.logger.info('[FcrDeviceStore] select default camera id:', _cameraId);
-                    _this2.setCameraId(_cameraId);
+                    var defaultCameraDeviceId = _this2._getDefaultDeviceId({
+                      initValue: _cameraId,
+                      localKey: 'cameraDeviceId',
+                      list: _this2.cameraList
+                    });
+                    _this2.logger.info('[FcrDeviceStore] select default camera id:', defaultCameraDeviceId);
+                    _this2.setCameraId(defaultCameraDeviceId);
+                    var localSetting = _this2._localStorageProvider.read(_store.SETTING_KEY);
+                    if (localSetting) {
+                      var _localSetting$enableB, _localSetting$beautyO;
+                      if (localSetting.enable) {
+                        _this2.enableVirtualBackground(localSetting.enable, localSetting.source);
+                      }
+                      var _enableBeauty = (_localSetting$enableB = localSetting.enableBeauty) !== null && _localSetting$enableB !== void 0 ? _localSetting$enableB : _this2.enableBeauty;
+                      var _beautyOptions = (_localSetting$beautyO = localSetting.beautyOptions) !== null && _localSetting$beautyO !== void 0 ? _localSetting$beautyO : _this2.beautyOptions;
+                      _this2.enableBeautyEffect(_enableBeauty);
+                      _this2.setBeautyOptions(_beautyOptions);
+                    }
                   }
                 });
               }), 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) {
                     while (1) switch (_context3.prev = _context3.next) {
                       case 0:
                         _this2.microphoneList = microphoneList;
                         _this2.logger.info('[FcrDeviceStore] init microphone list:', microphoneList);
                         // 默认跟随系统
-                        _context3.next = 4;
-                        return _this2.setMicrophoneId(DEFAULT_DEVICE_ID);
-                      case 4:
+                        defaultMicrophoneDeviceId = _this2._getDefaultDeviceId({
+                          initValue: DEFAULT_DEVICE_ID,
+                          localKey: 'microphoneDeviceId',
+                          list: _this2.microphoneList
+                        });
+                        _context3.next = 5;
+                        return _this2.setMicrophoneId(defaultMicrophoneDeviceId);
+                      case 5:
                       case "end":
                         return _context3.stop();
                     }
@@ -704,15 +755,21 @@ 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) {
                     while (1) switch (_context4.prev = _context4.next) {
                       case 0:
                         _this2.speakerList = speakerList;
                         _this2.logger.info('[FcrDeviceStore] init speaker list:', speakerList);
                         // 默认跟随系统
-                        _context4.next = 4;
-                        return _this2.setSpeakerId(DEFAULT_DEVICE_ID);
-                      case 4:
+                        defaultSpeakerDeviceId = _this2._getDefaultDeviceId({
+                          initValue: DEFAULT_DEVICE_ID,
+                          localKey: 'speakerDeviceId',
+                          list: _this2.speakerList
+                        });
+                        _context4.next = 5;
+                        return _this2.setSpeakerId(defaultSpeakerDeviceId);
+                      case 5:
                       case "end":
                         return _context4.stop();
                     }
@@ -721,8 +778,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                 return function (_x2) {
                   return _ref3.apply(this, arguments);
                 };
-              }())]));
-            case 1:
+              }())]);
+            case 2:
+              res = _context5.sent;
+              this._initLocalSetting();
+              return _context5.abrupt("return", res);
+            case 5:
             case "end":
               return _context5.stop();
           }
@@ -1029,8 +1090,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     value: function setNoiseLevel(level) {
       if (!this._microphoneDeviceId) return;
       var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
-      microphoneAudioTrack.getAudioEffectEnhancer().enableAiDenoiser();
-      microphoneAudioTrack.getAudioEffectEnhancer().setAiDenoiseLevel(level);
+      if (level === _type2.FcrUIAiDenoiseLevel.CLOSE) {
+        microphoneAudioTrack.getAudioEffectEnhancer().disableAiDenoiser();
+      } else {
+        microphoneAudioTrack.getAudioEffectEnhancer().enableAiDenoiser();
+        microphoneAudioTrack.getAudioEffectEnhancer().setAiDenoiseLevel(level);
+      }
     }
   }, {
     key: "setCameraId",
@@ -1208,83 +1273,164 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       this.showCameraPreview = enable;
     }
   }, {
-    key: "downloadUiResources",
+    key: "loadUiResources",
     value: function () {
-      var _downloadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(uiResource) {
-        var _uiResource$virtualBa,
-          _this8 = this,
-          _uiResource$virtualBa2,
-          _uiResource$soundEffe;
+      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) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              Promise.all([// images
-              uiResource === null || uiResource === void 0 || (_uiResource$virtualBa = uiResource.virtualBackgroundImages) === null || _uiResource$virtualBa === void 0 ? void 0 : _uiResource$virtualBa.map(function (url) {
-                if ((0, _tools.isPngOrJpg)(url) && !(0, _env.isElectron)()) {
-                  (0, _mobx.runInAction)(function () {
-                    _this8.virtualBackgroundList.push({
-                      url: url,
-                      name: (0, _tools.getFileNameWithoutExtension)(url),
-                      path: url,
-                      type: _virtualBackdoundResources.VirtualOption.IMG
-                    });
-                    _this8._updateVirtualBackgroundList(_this8.virtualBackgroundList);
-                  });
-                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
-                  return _this8._fetchZipAndUnzip(url, 'image');
-                }
-                return Promise.resolve();
-              }), // videos
-              uiResource === null || uiResource === void 0 || (_uiResource$virtualBa2 = uiResource.virtualBackgroundVideos) === null || _uiResource$virtualBa2 === void 0 ? void 0 : _uiResource$virtualBa2.map(function (url) {
-                if ((0, _tools.isMp4)(url) && !(0, _env.isElectron)()) {
-                  (0, _mobx.runInAction)(function () {
-                    _this8.virtualBackgroundList.push({
-                      url: url,
-                      name: (0, _tools.getFileNameWithoutExtension)(url),
-                      path: url,
-                      type: _virtualBackdoundResources.VirtualOption.VIDEO
-                    });
-                    _this8._updateVirtualBackgroundList(_this8.virtualBackgroundList);
+              if ((0, _env.isElectron)()) {
+                _context8.next = 12;
+                break;
+              }
+              images = (uiResource === null || uiResource === void 0 || (_uiResource$virtualBa = uiResource.virtualBackgroundImages) === null || _uiResource$virtualBa === void 0 ? void 0 : _uiResource$virtualBa.filter(function (url) {
+                return (0, _tools.isPngOrJpg)(url);
+              })) || [];
+              videos = (uiResource === null || uiResource === void 0 || (_uiResource$virtualBa2 = uiResource.virtualBackgroundVideos) === null || _uiResource$virtualBa2 === void 0 ? void 0 : _uiResource$virtualBa2.filter(function (url) {
+                return (0, _tools.isMp4)(url);
+              })) || [];
+              soundEffects = (uiResource === null || uiResource === void 0 || (_uiResource$soundEffe = uiResource.soundEffectAudios) === null || _uiResource$soundEffe === void 0 ? void 0 : _uiResource$soundEffe.filter(function (url) {
+                return (0, _tools.isMp3OrWav)(url);
+              })) || [];
+              newList = this.virtualBackgroundList.slice();
+              imageInfoList = images.map(function (url) {
+                return {
+                  url: url,
+                  name: (0, _tools.getFileNameWithoutExtension)(url),
+                  path: url,
+                  type: _virtualBackdoundResources.VirtualOption.IMG
+                };
+              }) || [];
+              newList = newList.concat(imageInfoList);
+              videoInfoList = videos.map(function (url) {
+                return {
+                  url: url,
+                  name: (0, _tools.getFileNameWithoutExtension)(url),
+                  path: url,
+                  type: _virtualBackdoundResources.VirtualOption.VIDEO
+                };
+              }) || [];
+              newList = newList.concat(videoInfoList);
+              (0, _mobx.runInAction)(function () {
+                _this8._updateVirtualBackgroundList(newList);
+                var soundEffectInfoList = soundEffects.map(function (url) {
+                  return {
+                    url: url,
+                    md5Url: (0, _imports.md5)(url)
+                  };
+                }) || [];
+                soundEffectInfoList.forEach(function (item) {
+                  _this8.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
+                });
+              });
+              _context8.next = 21;
+              break;
+            case 12:
+              _context8.next = 14;
+              return this._loadBuiltinResources();
+            case 14:
+              _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);
+              })) || [];
+              _videos = (uiResource === null || uiResource === void 0 || (_uiResource$virtualBa4 = uiResource.virtualBackgroundVideos) === null || _uiResource$virtualBa4 === void 0 ? void 0 : _uiResource$virtualBa4.filter(function (url) {
+                return (0, _tools.isZipUrl)(url);
+              })) || [];
+              _soundEffects = (uiResource === null || uiResource === void 0 || (_uiResource$soundEffe2 = uiResource.soundEffectAudios) === null || _uiResource$soundEffe2 === void 0 ? void 0 : _uiResource$soundEffe2.filter(function (url) {
+                return (0, _tools.isZipUrl)(url);
+              })) || [];
+              handleResourceReady = function handleResourceReady(filePathList, type) {
+                if (type === 'image' || type === 'video') {
+                  var list = _this8.virtualBackgroundList.slice();
+                  var resourceType = type === 'image' ? _virtualBackdoundResources.VirtualOption.IMG : _virtualBackdoundResources.VirtualOption.VIDEO;
+                  list = filePathList.map(function (resource) {
+                    return {
+                      name: (0, _tools.getFileNameWithoutExtension)(resource),
+                      path: resource,
+                      type: resourceType,
+                      url: URL.createObjectURL(window.runtime.fileToBlob(resource, type))
+                    };
                   });
-                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
-                  return _this8._fetchZipAndUnzip(url, 'video');
-                }
-                return Promise.resolve();
-              }), // sound effect audios
-              uiResource === null || uiResource === void 0 || (_uiResource$soundEffe = uiResource.soundEffectAudios) === null || _uiResource$soundEffe === void 0 ? void 0 : _uiResource$soundEffe.map(function (url) {
-                if ((0, _tools.isMp3OrWav)(url) && !(0, _env.isElectron)()) {
-                  (0, _mobx.runInAction)(function () {
-                    _this8.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(url), {
-                      url: url,
-                      md5Url: (0, _imports.md5)(url)
+                  var _newList = _this8.virtualBackgroundList.concat(list);
+                  _this8._updateVirtualBackgroundList(_newList);
+                } else if (type === 'audio') {
+                  filePathList.forEach(function (resource) {
+                    var key = (0, _tools.getFileNameWithoutExtension)(resource);
+                    _this8.soundEffectList.set(key, {
+                      md5Url: resource,
+                      url: URL.createObjectURL(window.runtime.fileToBlob(resource, type))
                     });
                   });
-                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
-                  return _this8._fetchZipAndUnzip(url, 'audio');
                 }
-                return Promise.resolve();
-              })]);
-            case 1:
+              };
+              this.loadZipResources(_images, 'image', handleResourceReady);
+              this.loadZipResources(_videos, 'video', handleResourceReady);
+              this.loadZipResources(_soundEffects, 'audio', handleResourceReady);
+            case 21:
             case "end":
               return _context8.stop();
           }
-        }, _callee8);
+        }, _callee8, this);
+      }));
+      function loadUiResources(_x5) {
+        return _loadUiResources.apply(this, arguments);
+      }
+      return loadUiResources;
+    }()
+  }, {
+    key: "loadZipResources",
+    value: function () {
+      var _loadZipResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10(zipUrls, type, callback) {
+        var _this9 = this;
+        var ps;
+        return _regenerator["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.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) {
+                    while (1) switch (_context9.prev = _context9.next) {
+                      case 0:
+                        _context9.next = 2;
+                        return _this9._fetchZipAndUnzip(url, type);
+                      case 2:
+                        filePathList = _context9.sent;
+                        callback(filePathList, type);
+                      case 4:
+                      case "end":
+                        return _context9.stop();
+                    }
+                  }, _callee9);
+                }));
+                return function (_x9) {
+                  return _ref4.apply(this, arguments);
+                };
+              }());
+              _context10.next = 3;
+              return Promise.allSettled(ps);
+            case 3:
+            case "end":
+              return _context10.stop();
+          }
+        }, _callee10);
       }));
-      function downloadUiResources(_x5) {
-        return _downloadUiResources.apply(this, arguments);
+      function loadZipResources(_x6, _x7, _x8) {
+        return _loadZipResources.apply(this, arguments);
       }
-      return downloadUiResources;
+      return loadZipResources;
     }()
   }, {
     key: "release",
     value: function release() {
-      var _this9 = this,
+      var _this10 = this,
         _this$_cameraVideoTra3,
         _this$_microphoneAudi8;
       if (this._localVideoViewSet.size > 0) {
         this._localVideoViewSet.forEach(function (view) {
-          var _this9$_cameraVideoTr;
-          (_this9$_cameraVideoTr = _this9._cameraVideoTrack) === null || _this9$_cameraVideoTr === void 0 || _this9$_cameraVideoTr.stopPreview(view);
+          var _this10$_cameraVideoT;
+          (_this10$_cameraVideoT = _this10._cameraVideoTrack) === null || _this10$_cameraVideoT === void 0 || _this10$_cameraVideoT.stopPreview(view);
         });
         this._localVideoViewSet.clear();
       }
@@ -1293,44 +1439,6 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
       (_this$_microphoneAudi8 = this._microphoneAudioTrack) === null || _this$_microphoneAudi8 === void 0 || _this$_microphoneAudi8.stop();
       this._microphoneAudioTrack = undefined;
     }
-  }, {
-    key: "_fileToUiData",
-    value: function () {
-      var _fileToUiData2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(resource, type) {
-        return _regenerator["default"].wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
-            case 0:
-              if (!(typeof resource !== 'string')) {
-                _context9.next = 2;
-                break;
-              }
-              return _context9.abrupt("return");
-            case 2:
-              if (type === 'image' && (0, _tools.isPngOrJpg)(resource) || type === 'video' && (0, _tools.isMp4)(resource)) {
-                this._updateVirtualBackgroundList([].concat((0, _toConsumableArray2["default"])(this.virtualBackgroundList), [{
-                  name: (0, _tools.getFileNameWithoutExtension)(resource),
-                  path: resource,
-                  type: type === 'image' ? _virtualBackdoundResources.VirtualOption.IMG : _virtualBackdoundResources.VirtualOption.VIDEO,
-                  url: window.runtime.fileToBase64(resource, type)
-                }]));
-              }
-              if (type === 'audio' && (0, _tools.isMp3OrWav)(resource)) {
-                this.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(resource), {
-                  url: window.runtime.fileToBase64(resource, type),
-                  md5Url: resource
-                });
-              }
-            case 4:
-            case "end":
-              return _context9.stop();
-          }
-        }, _callee9, this);
-      }));
-      function _fileToUiData(_x6, _x7) {
-        return _fileToUiData2.apply(this, arguments);
-      }
-      return _fileToUiData;
-    }()
   }, {
     key: "setConnectType",
     value: function setConnectType(connectType) {
@@ -1339,34 +1447,20 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_fetchZipAndUnzip",
     value: function () {
-      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10(url, type) {
-        var _this10 = this;
-        var md5Url, resource;
-        return _regenerator["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11(url, type) {
+        var md5Url;
+        return _regenerator["default"].wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              if ((0, _tools.isResourceZipUrl)(url)) {
-                _context10.next = 2;
-                break;
-              }
-              return _context10.abrupt("return", []);
-            case 2:
               md5Url = (0, _imports.md5)(url);
-              _context10.next = 5;
-              return window.runtime.getResourceByFileType(url, md5Url, type);
-            case 5:
-              resource = _context10.sent;
-              resource.forEach(function (item) {
-                _this10._fileToUiData(item, type);
-              });
-              return _context10.abrupt("return", []);
-            case 8:
+              return _context11.abrupt("return", window.runtime.getResourceByFileType(url, md5Url, type));
+            case 2:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10);
+        }, _callee11);
       }));
-      function _fetchZipAndUnzip(_x8, _x9) {
+      function _fetchZipAndUnzip(_x10, _x11) {
         return _fetchZipAndUnzip2.apply(this, arguments);
       }
       return _fetchZipAndUnzip;
@@ -1429,23 +1523,23 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
         var _this12 = this;
         var cameraList, currentDeviceExist, _cameraEnabled, deviceId, _deviceId;
-        return _regenerator["default"].wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regenerator["default"].wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              _context11.next = 2;
+              _context12.next = 2;
               return this._mediaControl.getCameraList();
             case 2:
-              cameraList = _context11.sent;
+              cameraList = _context12.sent;
               (0, _mobx.runInAction)(function () {
                 _this12.cameraList = cameraList;
               });
               currentDeviceExist = false;
               if (this.cameraId) {
-                currentDeviceExist = this.cameraList.some(function (_ref4) {
-                  var deviceId = _ref4.deviceId;
+                currentDeviceExist = this.cameraList.some(function (_ref5) {
+                  var deviceId = _ref5.deviceId;
                   return _this12.cameraId === deviceId;
                 });
                 _cameraEnabled = this.cameraEnabled;
@@ -1473,9 +1567,9 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               this._observable.notifyObservers('onCameraListUpdated', this.cameraList);
             case 8:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11, this);
+        }, _callee12, this);
       }));
       function _handleCameraListUpdated() {
         return _handleCameraListUpdated2.apply(this, arguments);
@@ -1485,19 +1579,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleMicrophoneAdded",
     value: function () {
-      var _handleMicrophoneAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-        return _regenerator["default"].wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+      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) {
             case 0:
-              _context12.next = 2;
+              _context13.next = 2;
               return this._handleMicrophoneListUpdated();
             case 2:
               this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
             case 3:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12, this);
+        }, _callee13, this);
       }));
       function _handleMicrophoneAdded() {
         return _handleMicrophoneAdded2.apply(this, arguments);
@@ -1507,13 +1601,13 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleMicrophoneRemoved",
     value: function () {
-      var _handleMicrophoneRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+      var _handleMicrophoneRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
         var _this13 = this;
         var currentDeviceExist;
-        return _regenerator["default"].wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regenerator["default"].wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context13.next = 2;
+              _context14.next = 2;
               return this._handleMicrophoneListUpdated();
             case 2:
               // 如何设备移除了，应该切到跟随系统
@@ -1521,19 +1615,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                 return item.deviceId === _this13._microphoneDeviceId;
               });
               if (currentDeviceExist) {
-                _context13.next = 7;
+                _context14.next = 7;
                 break;
               }
               this.logger.info('[FcrDeviceStore] current microphone does not exist in microphone list, switch to follow system');
-              _context13.next = 7;
+              _context14.next = 7;
               return this.setMicrophoneId(DEFAULT_DEVICE_ID);
             case 7:
               this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
             case 8:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13, this);
+        }, _callee14, this);
       }));
       function _handleMicrophoneRemoved() {
         return _handleMicrophoneRemoved2.apply(this, arguments);
@@ -1543,16 +1637,16 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleMicrophoneListUpdated",
     value: function () {
-      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
+      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
         var _this14 = this;
         var microphoneList;
-        return _regenerator["default"].wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regenerator["default"].wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              _context14.next = 2;
+              _context15.next = 2;
               return this._getMicrophoneList();
             case 2:
-              microphoneList = _context14.sent;
+              microphoneList = _context15.sent;
               // 如果选择了跟随系统，浏览器下设备变更时需要更新 track 以保证当前设备 track 正确
               if (this.followSystemMicrophoneDevice) {
                 this._refreshMicrophoneTrack();
@@ -1562,9 +1656,9 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
               });
             case 5:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
       function _handleMicrophoneListUpdated() {
         return _handleMicrophoneListUpdated2.apply(this, arguments);
@@ -1593,19 +1687,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleSpeakerAdded",
     value: function () {
-      var _handleSpeakerAdded2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
-        return _regenerator["default"].wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+      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) {
             case 0:
-              _context15.next = 2;
+              _context16.next = 2;
               return this._handleSpeakerListUpdated();
             case 2:
               this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
             case 3:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
       function _handleSpeakerAdded() {
         return _handleSpeakerAdded2.apply(this, arguments);
@@ -1615,13 +1709,13 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleSpeakerRemoved",
     value: function () {
-      var _handleSpeakerRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
+      var _handleSpeakerRemoved2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
         var _this15 = this;
         var currentDeviceExist;
-        return _regenerator["default"].wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+        return _regenerator["default"].wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
-              _context16.next = 2;
+              _context17.next = 2;
               return this._handleSpeakerListUpdated();
             case 2:
               // 如何设备移除了，应该切到跟随系统
@@ -1629,19 +1723,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                 return item.deviceId === _this15._speakerDeviceId;
               });
               if (currentDeviceExist) {
-                _context16.next = 7;
+                _context17.next = 7;
                 break;
               }
               this.logger.info('[FcrDeviceStore] current speaker does not exist in speaker list, switch to follow system');
-              _context16.next = 7;
+              _context17.next = 7;
               return this.setSpeakerId(DEFAULT_DEVICE_ID);
             case 7:
               this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
             case 8:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
       function _handleSpeakerRemoved() {
         return _handleSpeakerRemoved2.apply(this, arguments);
@@ -1651,24 +1745,24 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_handleSpeakerListUpdated",
     value: function () {
-      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
+      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
         var _this16 = this;
         var speakerList;
-        return _regenerator["default"].wrap(function _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regenerator["default"].wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
-              _context17.next = 2;
+              _context18.next = 2;
               return this._getSpeakerList();
             case 2:
-              speakerList = _context17.sent;
+              speakerList = _context18.sent;
               (0, _mobx.runInAction)(function () {
                 _this16.speakerList = speakerList;
               });
             case 4:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
       function _handleSpeakerListUpdated() {
         return _handleSpeakerListUpdated2.apply(this, arguments);
@@ -1678,19 +1772,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_getMicrophoneList",
     value: function () {
-      var _getMicrophoneList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
+      var _getMicrophoneList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
         var defaultDevice, list, defaultIdDevice;
-        return _regenerator["default"].wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        return _regenerator["default"].wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              _context18.next = 2;
+              _context19.next = 2;
               return this._mediaControl.getSystemSelectedMicrophone();
             case 2:
-              defaultDevice = _context18.sent;
-              _context18.next = 5;
+              defaultDevice = _context19.sent;
+              _context19.next = 5;
               return this._mediaControl.getMicrophoneList();
             case 5:
-              list = _context18.sent;
+              list = _context19.sent;
               list.forEach(function (item) {
                 var results = /^default \((.*)\)$/.exec(item.deviceName);
                 if (results && results.length > 1) {
@@ -1721,12 +1815,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                   reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                 });
               }
-              return _context18.abrupt("return", list);
+              return _context19.abrupt("return", list);
             case 12:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
       function _getMicrophoneList() {
         return _getMicrophoneList2.apply(this, arguments);
@@ -1736,19 +1830,19 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
   }, {
     key: "_getSpeakerList",
     value: function () {
-      var _getSpeakerList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
+      var _getSpeakerList2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee20() {
         var defaultDevice, list, defaultIdDevice;
-        return _regenerator["default"].wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+        return _regenerator["default"].wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
-              _context19.next = 2;
+              _context20.next = 2;
               return this._mediaControl.getSystemSelectedSpeaker();
             case 2:
-              defaultDevice = _context19.sent;
-              _context19.next = 5;
+              defaultDevice = _context20.sent;
+              _context20.next = 5;
               return this._mediaControl.getSpeakerList();
             case 5:
-              list = _context19.sent;
+              list = _context20.sent;
               list.forEach(function (item) {
                 var results = /^default \((.*)\)$/.exec(item.deviceName);
                 if (results && results.length > 1) {
@@ -1778,12 +1872,12 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
                   reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                 });
               }
-              return _context19.abrupt("return", list);
+              return _context20.abrupt("return", list);
             case 12:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
       function _getSpeakerList() {
         return _getSpeakerList2.apply(this, arguments);
@@ -1795,10 +1889,88 @@ var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/fun
     value: function setMainRoomAudioOff(enable) {
       this.isMainRoomAudioOff = enable;
     }
+  }, {
+    key: "_getDefaultDeviceId",
+    value: function _getDefaultDeviceId(_ref6) {
+      var initValue = _ref6.initValue,
+        localKey = _ref6.localKey,
+        list = _ref6.list;
+      var localSetting = this._localStorageProvider.read(_store.SETTING_KEY);
+      var defaultValue = initValue;
+      if (localSetting && localSetting[localKey]) {
+        var _list$find$deviceId, _list$find;
+        defaultValue = (_list$find$deviceId = (_list$find = list.find(function (item) {
+          return item.deviceId === localSetting[localKey];
+        })) === null || _list$find === void 0 ? void 0 : _list$find.deviceId) !== null && _list$find$deviceId !== void 0 ? _list$find$deviceId : defaultValue;
+      }
+      return defaultValue;
+    }
+  }, {
+    key: "_loadBuiltinResources",
+    value: function () {
+      var _loadBuiltinResources2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee21() {
+        var _window$runtime,
+          _this17 = 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) {
+            case 0:
+              _context21.next = 2;
+              return (_window$runtime = window.runtime) === null || _window$runtime === void 0 ? void 0 : _window$runtime.loadBuiltinResources();
+            case 2:
+              _yield$window$runtime = _context21.sent;
+              virtualBackgroundImages = _yield$window$runtime.virtualBackgroundImages;
+              virtualBackgroundVideos = _yield$window$runtime.virtualBackgroundVideos;
+              soundEffects = _yield$window$runtime.soundEffects;
+              newVirtualBackgroundList = this.virtualBackgroundList.slice();
+              images = virtualBackgroundImages.map(function (item) {
+                return {
+                  name: (0, _tools.getFileNameWithoutExtension)(item),
+                  path: item,
+                  type: _virtualBackdoundResources.VirtualOption.IMG,
+                  url: URL.createObjectURL(window.runtime.fileToBlob(item, 'image'))
+                };
+              });
+              videos = virtualBackgroundVideos.map(function (item) {
+                return {
+                  name: (0, _tools.getFileNameWithoutExtension)(item),
+                  path: item,
+                  type: _virtualBackdoundResources.VirtualOption.VIDEO,
+                  url: URL.createObjectURL(window.runtime.fileToBlob(item, 'video'))
+                };
+              });
+              sounds = soundEffects.map(function (item) {
+                return {
+                  url: URL.createObjectURL(window.runtime.fileToBlob(item, 'audio')),
+                  md5Url: item
+                };
+              });
+              this.logger.info('load builtin image ui resources:', (0, _imports.jsonstring)(images));
+              this.logger.info('load builtin video ui resources:', (0, _imports.jsonstring)(videos));
+              this.logger.info('load builtin sound ui resources:', (0, _imports.jsonstring)(sounds));
+              newVirtualBackgroundList = newVirtualBackgroundList.concat(images);
+              newVirtualBackgroundList = newVirtualBackgroundList.concat(videos);
+              (0, _mobx.runInAction)(function () {
+                _this17._updateVirtualBackgroundList(newVirtualBackgroundList);
+                sounds.forEach(function (item) {
+                  _this17.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(item.url), item);
+                });
+              });
+            case 16:
+            case "end":
+              return _context21.stop();
+          }
+        }, _callee21, this);
+      }));
+      function _loadBuiltinResources() {
+        return _loadBuiltinResources2.apply(this, arguments);
+      }
+      return _loadBuiltinResources;
+    }()
   }]);
 }();
 _FcrUIDeviceProviderImpl = FcrUIDeviceProviderImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIDeviceProviderImpl, [[_mobx.observable, 1, "_microphoneDeviceId"], [_mobx.observable, 1, "_speakerDeviceId"], [_mobx.observable, 1, "currentIsMirror"], [_mobx.observable, 1, "showForceOpenEffectDialog"], [_mobx.observable, 1, "cameraId"], [_mobx.observable, 1, "microphoneId"], [_mobx.observable, 1, "speakerId"], [_mobx.observable, 1, "cameraEnabled"], [_mobx.observable, 1, "showCameraPreview"], [_mobx.observable, 1, "microphoneEnabled"], [_mobx.observable, 1, "cameraList"], [_mobx.observable, 1, "microphoneList"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "speakerList"], [_mobx.observable, 1, "isLocalMirrorEnabled"], [_mobx.observable, 1, "isLocalEditBeautyOptions"], [_mobx.observable, 1, "speakerVolumeLevel"], [_mobx.observable, 1, "speakerVolume"], [_mobx.observable, 1, "microphoneVolume"], [_mobx.observable, 1, "virtualBackgroundName"], [_mobx.observable, 1, "enableBeauty"], [_mobx.observable, 1, "beautyKey"], [_mobx.observable, 1, "beautyOptions"], [_mobx.observable, 1, "virtualBackgroundList"], [_mobx.observable, 1, "soundEffectList"], [_mobx.observable, 1, "microphoneDetecting"], [_mobx.observable, 1, "speakerDetecting"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "isMainRoomAudioOff"], [_imports.bound, 2, "connectAudio"], [_imports.bound, 2, "disconnectAudio"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_startSpeakerTestDecs, 18, "startSpeakerTest"], [_stopSpeakerTestDecs, 18, "stopSpeakerTest"], [_setCurrentIsMirrorDecs, 18, "setCurrentIsMirror"], [_toggleLocalMirrorPreviewDecs, 18, "toggleLocalMirrorPreview"], [_setBeautyOptionsDecs, 18, "setBeautyOptions"], [_handleCancelForceOpenVideoEffectDecs, 18, "handleCancelForceOpenVideoEffect"], [_handleForceOpenVideoEffectDecs, 18, "handleForceOpenVideoEffect"], [_imports.bound, 2, "setVideoOrientation"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_setMicrophoneEnabledDecs, 18, "setMicrophoneEnabled"], [_toggleLocalMirrorDecs, 18, "toggleLocalMirror"], [_resetMirrorDecs, 18, "resetMirror"], [_startMicrophoneTestDecs, 18, "startMicrophoneTest"], [_stopMicrophoneTestDecs, 18, "stopMicrophoneTest"], [_enableVirtualBackgroundDecs, 18, "enableVirtualBackground"], [_setEditBeautyKeyDecs, 18, "setEditBeautyKey"], [_enableBeautyEffectDecs, 18, "enableBeautyEffect"], [_setCameraIdDecs, 18, "setCameraId"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_downloadUiResourcesDecs, 18, "downloadUiResources"], [_setConnectTypeDecs, 18, "setConnectType"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSpeakerTestVolumeIndicationUpdatedDecs, 18, "_handleSpeakerTestVolumeIndicationUpdated"], [_handleSpeakerVolumeUpdatedDecs, 18, "_handleSpeakerVolumeUpdated"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_imports.bound, 2, "_handleCameraChanged"], [_imports.bound, 2, "toggleLocalCameraPreview"], [_imports.bound, 2, "_handleCameraListUpdated"], [_imports.bound, 2, "_handleMicrophoneAdded"], [_imports.bound, 2, "_handleMicrophoneRemoved"], [_imports.bound, 2, "_handleMicrophoneListUpdated"], [_handleSpeakerAddedDecs, 18, "_handleSpeakerAdded"], [_handleSpeakerRemovedDecs, 18, "_handleSpeakerRemoved"], [_handleSpeakerListUpdatedDecs, 18, "_handleSpeakerListUpdated"], [_setMainRoomAudioOffDecs, 18, "setMainRoomAudioOff"]], []).e, 30);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIDeviceProviderImpl, [[_mobx.observable, 1, "_microphoneDeviceId"], [_mobx.observable, 1, "_speakerDeviceId"], [_mobx.observable, 1, "currentIsMirror"], [_mobx.observable, 1, "showForceOpenEffectDialog"], [_mobx.observable, 1, "cameraId"], [_mobx.observable, 1, "microphoneId"], [_mobx.observable, 1, "speakerId"], [_mobx.observable, 1, "cameraEnabled"], [_mobx.observable, 1, "showCameraPreview"], [_mobx.observable, 1, "microphoneEnabled"], [_mobx.observable, 1, "cameraList"], [_mobx.observable, 1, "microphoneList"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "speakerList"], [_mobx.observable, 1, "isLocalMirrorEnabled"], [_mobx.observable, 1, "isLocalEditBeautyOptions"], [_mobx.observable, 1, "speakerVolumeLevel"], [_mobx.observable, 1, "speakerVolume"], [_mobx.observable, 1, "microphoneVolume"], [_mobx.observable, 1, "virtualBackgroundName"], [_mobx.observable, 1, "enableBeauty"], [_mobx.observable, 1, "beautyKey"], [_mobx.observable, 1, "beautyOptions"], [_mobx.observable, 1, "virtualBackgroundList"], [_mobx.observable, 1, "soundEffectList"], [_mobx.observable, 1, "microphoneDetecting"], [_mobx.observable, 1, "speakerDetecting"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "isMainRoomAudioOff"], [_imports.bound, 2, "connectAudio"], [_imports.bound, 2, "disconnectAudio"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_startSpeakerTestDecs, 18, "startSpeakerTest"], [_stopSpeakerTestDecs, 18, "stopSpeakerTest"], [_setCurrentIsMirrorDecs, 18, "setCurrentIsMirror"], [_toggleLocalMirrorPreviewDecs, 18, "toggleLocalMirrorPreview"], [_setBeautyOptionsDecs, 18, "setBeautyOptions"], [_handleCancelForceOpenVideoEffectDecs, 18, "handleCancelForceOpenVideoEffect"], [_handleForceOpenVideoEffectDecs, 18, "handleForceOpenVideoEffect"], [_imports.bound, 2, "setVideoOrientation"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_setMicrophoneEnabledDecs, 18, "setMicrophoneEnabled"], [_toggleLocalMirrorDecs, 18, "toggleLocalMirror"], [_resetMirrorDecs, 18, "resetMirror"], [_startMicrophoneTestDecs, 18, "startMicrophoneTest"], [_stopMicrophoneTestDecs, 18, "stopMicrophoneTest"], [_enableVirtualBackgroundDecs, 18, "enableVirtualBackground"], [_setEditBeautyKeyDecs, 18, "setEditBeautyKey"], [_enableBeautyEffectDecs, 18, "enableBeautyEffect"], [_setCameraIdDecs, 18, "setCameraId"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_loadUiResourcesDecs, 18, "loadUiResources"], [_setConnectTypeDecs, 18, "setConnectType"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSpeakerTestVolumeIndicationUpdatedDecs, 18, "_handleSpeakerTestVolumeIndicationUpdated"], [_handleSpeakerVolumeUpdatedDecs, 18, "_handleSpeakerVolumeUpdated"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_imports.bound, 2, "_handleCameraChanged"], [_imports.bound, 2, "toggleLocalCameraPreview"], [_imports.bound, 2, "_handleCameraListUpdated"], [_imports.bound, 2, "_handleMicrophoneAdded"], [_imports.bound, 2, "_handleMicrophoneRemoved"], [_imports.bound, 2, "_handleMicrophoneListUpdated"], [_handleSpeakerAddedDecs, 18, "_handleSpeakerAdded"], [_handleSpeakerRemovedDecs, 18, "_handleSpeakerRemoved"], [_handleSpeakerListUpdatedDecs, 18, "_handleSpeakerListUpdated"], [_setMainRoomAudioOffDecs, 18, "setMainRoomAudioOff"]], []).e, 30);
 _init__microphoneDeviceId = _applyDecs$e[0];
 _init__speakerDeviceId = _applyDecs$e[1];
 _init_currentIsMirror = _applyDecs$e[2];