fcr-ui-scene 3.3.1 → 3.4.1

package/lib/common/device-store.js

@@ -8,33 +8,18 @@ require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.function.bind.js");
-require("core-js/modules/es.map.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/esnext.function.metadata.js");
-require("core-js/modules/esnext.map.delete-all.js");
-require("core-js/modules/esnext.map.emplace.js");
-require("core-js/modules/esnext.map.every.js");
-require("core-js/modules/esnext.map.filter.js");
-require("core-js/modules/esnext.map.find.js");
-require("core-js/modules/esnext.map.find-key.js");
-require("core-js/modules/esnext.map.includes.js");
-require("core-js/modules/esnext.map.key-of.js");
-require("core-js/modules/esnext.map.map-keys.js");
-require("core-js/modules/esnext.map.map-values.js");
-require("core-js/modules/esnext.map.merge.js");
-require("core-js/modules/esnext.map.reduce.js");
-require("core-js/modules/esnext.map.some.js");
-require("core-js/modules/esnext.map.update.js");
 require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FcrDeviceStore = void 0;
+exports.FcrDeviceStore = exports.ConnectType = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -52,9 +37,8 @@ require("core-js/modules/es.array.push.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");
-require("core-js/modules/es.date.to-json.js");
 require("core-js/modules/es.function.name.js");
-require("core-js/modules/es.json.stringify.js");
+require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.assign.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.promise.js");
@@ -72,6 +56,20 @@ require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/esnext.iterator.some.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
 require("core-js/modules/esnext.set.add-all.js");
 require("core-js/modules/esnext.set.delete-all.js");
 require("core-js/modules/esnext.set.difference.v2.js");
@@ -111,12 +109,10 @@ var _type = require("agora-rte-sdk/lib/core/rtc/type");
 var _env = require("agora-foundation/lib/utilities/env");
 var _jsMd = require("js-md5");
 var _constant = require("../utilities/constant");
-var _rendererEvent = require("../utilities/renderer-event");
-var _lodash = require("lodash");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _agoraEduCore = require("agora-edu-core");
+var _fcrCore = require("fcr-core");
 var _FcrDeviceStore;
-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_currentVirtualBackgroundName, _init_enableBeauty, _init_currentBeautyKey, _init_beautyOptions, _init_virtualBackgroundList, _init_microphoneDetecting, _init_speakerDetecting, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _init_setSpeakerVolume, _setMicrophoneVolumeDecs, _actionsBeforeJoinDecs, _downloadUiResourcesDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _init__handleSpeakerVolumeUpdated, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleMicrophoneChangedDecs, _handleSpeakerChangedDecs, _handleCameraListUpdatedDecs, _handleMicrophoneListUpdatedDecs, _handleSpeakerListUpdatedDecs, _handleVideoShowChangedDecs, _handleMicrophoneEnabledChangedDecs, _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_currentVirtualBackgroundName, _init_enableBeauty, _init_currentBeautyKey, _init_beautyOptions, _init_virtualBackgroundList, _init_soundEffectList, _init_microphoneDetecting, _init_speakerDetecting, _init_connectType, _init_isAudioConnected, _init_isMainRoomAudioOff, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _actionsBeforeJoinDecs, _downloadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleCameraListUpdatedDecs, _handleMicrophoneListUpdatedDecs, _handleSpeakerListUpdatedDecs, _setAudioConnectedDecs, _setMainRoomAudioOffDecs, _ref;
 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; }
@@ -132,7 +128,13 @@ var VideoEffectType = /*#__PURE__*/function (VideoEffectType) {
   VideoEffectType[VideoEffectType["BEAUTY"] = 1] = "BEAUTY";
   VideoEffectType[VideoEffectType["VIRTUAL_BACKGROUND"] = 2] = "VIRTUAL_BACKGROUND";
   return VideoEffectType;
-}(VideoEffectType || {}); // device id for default device (follow system)
+}(VideoEffectType || {});
+var ConnectType = exports.ConnectType = /*#__PURE__*/function (ConnectType) {
+  ConnectType[ConnectType["NONE"] = 0] = "NONE";
+  ConnectType[ConnectType["COMPUTER"] = 1] = "COMPUTER";
+  ConnectType[ConnectType["PHONE"] = 2] = "PHONE";
+  return ConnectType;
+}({}); // device id for default device (follow system)
 var DEFAULT_DEVICE_ID = 'default';
 var mapDevice2Option = function mapDevice2Option(deviceList) {
   return deviceList.map(function (item) {
@@ -168,9 +170,13 @@ var _W = /*#__PURE__*/new WeakMap();
 var _X = /*#__PURE__*/new WeakMap();
 var _Y = /*#__PURE__*/new WeakMap();
 var _Z = /*#__PURE__*/new WeakMap();
-_ref = (_startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _startSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _stopSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _setCurrentIsMirrorDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorPreviewDecs = [_mobx.action, _mobx.action.bound], _setBeautyOptionsDecs = [_mobx.action, _mobx.action.bound], _handleCancelForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _handleForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneEnabledDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorDecs = [_mobx.action, _mobx.action.bound], _resetMirrorDecs = [_mobx.action, _mobx.action.bound], _startMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _stopMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _enableVirtualBackgroundDecs = [_mobx.action, _mobx.action.bound], _setEditBeautyKeyDecs = [_mobx.action, _mobx.action.bound], _enableBeautyEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneVolumeDecs = [_mobx.action, _mobx.action.bound], _actionsBeforeJoinDecs = [_mobx.action, _mobx.action.bound], _downloadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerTestVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneChangedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerChangedDecs = [_mobx.action, _mobx.action.bound], _handleCameraListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleVideoShowChangedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneEnabledChangedDecs = [_mobx.action, _mobx.action.bound], "logger");
+var _a = /*#__PURE__*/new WeakMap();
+var _b = /*#__PURE__*/new WeakMap();
+var _c = /*#__PURE__*/new WeakMap();
+var _d = /*#__PURE__*/new WeakMap();
+_ref = (_startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _startSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _stopSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _setCurrentIsMirrorDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorPreviewDecs = [_mobx.action, _mobx.action.bound], _setBeautyOptionsDecs = [_mobx.action, _mobx.action.bound], _handleCancelForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _handleForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneEnabledDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorDecs = [_mobx.action, _mobx.action.bound], _resetMirrorDecs = [_mobx.action, _mobx.action.bound], _startMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _stopMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _enableVirtualBackgroundDecs = [_mobx.action, _mobx.action.bound], _setEditBeautyKeyDecs = [_mobx.action, _mobx.action.bound], _enableBeautyEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneVolumeDecs = [_mobx.action, _mobx.action.bound], _actionsBeforeJoinDecs = [_mobx.action, _mobx.action.bound], _downloadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _setConnectTypeDecs = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerTestVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleCameraListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerListUpdatedDecs = [_mobx.action, _mobx.action.bound], _setAudioConnectedDecs = [_mobx.action, _mobx.action.bound], _setMainRoomAudioOffDecs = [_mobx.action, _mobx.action.bound], "logger");
 var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
-  function FcrDeviceStore(_userName, _mediaControl) {
+  function FcrDeviceStore(_mediaControl, _uiEventStore) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, FcrDeviceStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
@@ -203,9 +209,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     // selected camera id, it is the real device id
     _classPrivateFieldInitSpec(this, _E, _init_cameraId(this, ''));
     // selected microphone id, for ui display, could be 'default' or real device id
-    _classPrivateFieldInitSpec(this, _F, _init_microphoneId(this, ''));
+    _classPrivateFieldInitSpec(this, _F, _init_microphoneId(this, 'default'));
     // selected speaker id, for ui display, could be 'default' or real device id
-    _classPrivateFieldInitSpec(this, _G, _init_speakerId(this, ''));
+    _classPrivateFieldInitSpec(this, _G, _init_speakerId(this, 'default'));
     _classPrivateFieldInitSpec(this, _H, _init_cameraEnabled(this, false));
     _classPrivateFieldInitSpec(this, _I, _init_showCameraPreview(this, false));
     _classPrivateFieldInitSpec(this, _J, _init_microphoneEnabled(this, false));
@@ -216,7 +222,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _O, _init_isLocalMirrorEnabled(this, false));
     _classPrivateFieldInitSpec(this, _P, _init_isLocalEditBeautyOptions(this, false));
     _classPrivateFieldInitSpec(this, _Q, _init_speakerVolumeLevel(this, 0));
-    _classPrivateFieldInitSpec(this, _R, _init_speakerVolume(this, 30));
+    _classPrivateFieldInitSpec(this, _R, _init_speakerVolume(this, 0));
     _classPrivateFieldInitSpec(this, _S, _init_microphoneVolume(this, 100));
     _classPrivateFieldInitSpec(this, _T, _init_currentVirtualBackgroundName(this, 'None'));
     _classPrivateFieldInitSpec(this, _U, _init_enableBeauty(this, false));
@@ -229,27 +235,17 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       rednessLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE
     }));
     _classPrivateFieldInitSpec(this, _X, _init_virtualBackgroundList(this, []));
-    _classPrivateFieldInitSpec(this, _Y, _init_microphoneDetecting(this, false));
-    _classPrivateFieldInitSpec(this, _Z, _init_speakerDetecting(this, false));
-    (0, _defineProperty2["default"])(this, "setSpeakerVolume", _init_setSpeakerVolume(this, (0, _lodash.throttle)(function (value) {
-      _this.speakerVolume = value;
-    }, 10)));
-    (0, _defineProperty2["default"])(this, "_handleSpeakerVolumeUpdated", _init__handleSpeakerVolumeUpdated(this, (0, _lodash.throttle)(function (volume) {
-      _this.speakerVolume = volume;
-    }, 60)));
-    this._userName = _userName;
+    _classPrivateFieldInitSpec(this, _Y, _init_soundEffectList(this, new Map()));
+    _classPrivateFieldInitSpec(this, _Z, _init_microphoneDetecting(this, false));
+    _classPrivateFieldInitSpec(this, _a, _init_speakerDetecting(this, false));
+    _classPrivateFieldInitSpec(this, _b, _init_connectType(this, ConnectType.NONE));
+    _classPrivateFieldInitSpec(this, _c, _init_isAudioConnected(this, false));
+    _classPrivateFieldInitSpec(this, _d, _init_isMainRoomAudioOff(this, false));
     this._mediaControl = _mediaControl;
+    this._uiEventStore = _uiEventStore;
     this._listeners.push((0, _mobx.reaction)(function () {
       return _this.cameraId;
-    }, this._handleCameraChanged), (0, _mobx.reaction)(function () {
-      return _this._microphoneDeviceId;
-    }, this._handleMicrophoneChanged), (0, _mobx.reaction)(function () {
-      return _this._speakerDeviceId;
-    }, this._handleSpeakerChanged), (0, _mobx.reaction)(function () {
-      return _this.showCameraPreview;
-    }, this._handleVideoShowChanged), (0, _mobx.reaction)(function () {
-      return _this.microphoneEnabled;
-    }, this._handleMicrophoneEnabledChanged));
+    }, this._handleCameraChanged));
     _mediaControl.addObserver({
       onCameraAdded: this._handleCameraListUpdated,
       onCameraRemoved: this._handleCameraListUpdated,
@@ -258,13 +254,11 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       onSpeakerAdded: this._handleSpeakerListUpdated,
       onSpeakerRemoved: this._handleSpeakerListUpdated,
       onSpeakerTestVolumeIndicationUpdated: this._handleSpeakerTestVolumeIndicationUpdated,
-      // TODO: pretest 页面, 底层没有回调
       onSelectedSpeakerVolumeUpdated: this._handleSpeakerVolumeUpdated
     });
-    this._handleCameraListUpdated();
-    this._handleMicrophoneListUpdated();
-    this._handleSpeakerListUpdated();
-    _mediaControl.enableAudioVolumeIndication(this._volumeIndicationInterval, 1);
+    (0, _mobx.runInAction)(function () {
+      _this.speakerVolume = _this.mediaControl.getSelectedSpeakerVolume();
+    });
   }
   return (0, _createClass2["default"])(FcrDeviceStore, [{
     key: "_microphoneDeviceId",
@@ -459,7 +453,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       _classPrivateFieldSet(_X, this, v);
     }
   }, {
-    key: "microphoneDetecting",
+    key: "soundEffectList",
     get: function get() {
       return _classPrivateFieldGet(_Y, this);
     },
@@ -467,7 +461,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       _classPrivateFieldSet(_Y, this, v);
     }
   }, {
-    key: "speakerDetecting",
+    key: "microphoneDetecting",
     get: function get() {
       return _classPrivateFieldGet(_Z, this);
     },
@@ -475,14 +469,41 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       _classPrivateFieldSet(_Z, this, v);
     }
   }, {
-    key: "defaultMirror",
+    key: "speakerDetecting",
     get: function get() {
-      return this._defaultMirror;
+      return _classPrivateFieldGet(_a, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_a, this, v);
+    }
+  }, {
+    key: "connectType",
+    get: function get() {
+      return _classPrivateFieldGet(_b, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_b, this, v);
     }
   }, {
-    key: "userName",
+    key: "isAudioConnected",
     get: function get() {
-      return this._userName;
+      return _classPrivateFieldGet(_c, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_c, this, v);
+    }
+  }, {
+    key: "isMainRoomAudioOff",
+    get: function get() {
+      return _classPrivateFieldGet(_d, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_d, this, v);
+    }
+  }, {
+    key: "defaultMirror",
+    get: function get() {
+      return this._defaultMirror;
     }
   }, {
     key: "followSystemMicrophoneDevice",
@@ -531,6 +552,53 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
         speakerDeviceId: this._speakerDeviceId
       };
     }
+  }, {
+    key: "init",
+    value: function () {
+      var _init = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this2 = this;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return 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);
+                  }
+                });
+              });
+            case 2:
+              _context.next = 4;
+              return this._mediaControl.getMicrophoneList().then(function (list) {
+                (0, _mobx.runInAction)(function () {
+                  _this2.logger.info('[FcrDeviceStore] init microphone list:', list);
+                  _this2.microphoneList = list;
+                });
+              });
+            case 4:
+              _context.next = 6;
+              return this._mediaControl.getSpeakerList().then(function (list) {
+                (0, _mobx.runInAction)(function () {
+                  _this2.logger.info('[FcrDeviceStore] init speaker list:', list);
+                  _this2.speakerList = list;
+                });
+              });
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function init() {
+        return _init.apply(this, arguments);
+      }
+      return init;
+    }()
   }, {
     key: "addObserver",
     value: function addObserver(observer) {
@@ -549,7 +617,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       this._localVideoViewSet.add(view);
       this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
       this._cameraVideoTrack.startPreview({
-        renderMode: _agoraEduCore.FcrVideoRenderMode.HIDDEN,
+        renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
         isMirror: isMirror
       }, view);
       this.currentIsMirror = isMirror;
@@ -566,18 +634,20 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     key: "startSpeakerTest",
     value: function startSpeakerTest() {
       var _this$_microphoneAudi,
-        _this2 = this;
+        _this$soundEffectList,
+        _this$soundEffectList2,
+        _this3 = this;
       if (!this._speakerDeviceId) return;
       this.microphoneEnabled && ((_this$_microphoneAudi = this._microphoneAudioTrack) === null || _this$_microphoneAudi === void 0 ? void 0 : _this$_microphoneAudi.stop());
       this._mediaControl.setSelectedSpeaker(this._speakerDeviceId);
-      var soundUrl = (0, _tools.getAssetUrl)('assets/pretest.mp3');
+      var soundUrl = (0, _env.isElectron)() ? (_this$soundEffectList = this.soundEffectList.get('speaker_test')) === null || _this$soundEffectList === void 0 ? void 0 : _this$soundEffectList.md5Url : (_this$soundEffectList2 = this.soundEffectList.get('speaker_test')) === null || _this$soundEffectList2 === void 0 ? void 0 : _this$soundEffectList2.url;
       var interval = this._volumeIndicationInterval;
       var sleep = 3000;
-      this._mediaControl.startSelectedSpeakerTest(soundUrl, interval);
+      this._mediaControl.startSelectedSpeakerTest(soundUrl || '', interval);
       this.speakerDetecting = true;
       this._playAudioTimer && clearInterval(this._playAudioTimer);
       this._playAudioTimer = setInterval(function () {
-        _this2._mediaControl.startSelectedSpeakerTest(soundUrl, interval);
+        _this3._mediaControl.startSelectedSpeakerTest(soundUrl || '', interval);
       }, sleep);
     }
   }, {
@@ -598,13 +668,13 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "toggleLocalMirrorPreview",
     value: function toggleLocalMirrorPreview(mirror) {
-      var _this3 = this;
+      var _this4 = this;
       this.setCurrentIsMirror(mirror);
       this._localVideoViewSet.forEach(function (view) {
-        var _this3$_cameraVideoTr, _this3$_cameraVideoTr2;
-        (_this3$_cameraVideoTr = _this3._cameraVideoTrack) === null || _this3$_cameraVideoTr === void 0 || _this3$_cameraVideoTr.stopPreview(view);
-        (_this3$_cameraVideoTr2 = _this3._cameraVideoTrack) === null || _this3$_cameraVideoTr2 === void 0 || _this3$_cameraVideoTr2.startPreview({
-          renderMode: _agoraEduCore.FcrVideoRenderMode.HIDDEN,
+        var _this4$_cameraVideoTr, _this4$_cameraVideoTr2;
+        (_this4$_cameraVideoTr = _this4._cameraVideoTrack) === null || _this4$_cameraVideoTr === void 0 || _this4$_cameraVideoTr.stopPreview(view);
+        (_this4$_cameraVideoTr2 = _this4._cameraVideoTrack) === null || _this4$_cameraVideoTr2 === void 0 || _this4$_cameraVideoTr2.startPreview({
+          renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
           isMirror: mirror
         }, view);
       });
@@ -671,6 +741,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
         microphoneTrack === null || microphoneTrack === void 0 || microphoneTrack.start();
       } else {
         microphoneTrack === null || microphoneTrack === void 0 || microphoneTrack.stop();
+        this.microphoneVolumeLevel = 0;
       }
       this.microphoneEnabled = enable;
     }
@@ -829,41 +900,41 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "setSpeakerId",
     value: function () {
-      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(speakerId) {
-        var _this4 = this;
+      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(speakerId) {
+        var _this5 = this;
         var speakerDeviceId, defaultDevice;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!(speakerId !== DEFAULT_DEVICE_ID && this.speakerId === speakerId)) {
-                _context.next = 2;
+                _context2.next = 2;
                 break;
               }
-              return _context.abrupt("return");
+              return _context2.abrupt("return");
             case 2:
               if (!speakerId) {
-                _context.next = 13;
+                _context2.next = 13;
                 break;
               }
               speakerDeviceId = speakerId;
               if (!(speakerId === DEFAULT_DEVICE_ID)) {
-                _context.next = 9;
+                _context2.next = 9;
                 break;
               }
-              _context.next = 7;
+              _context2.next = 7;
               return this._mediaControl.getSystemSelectedSpeaker();
             case 7:
-              defaultDevice = _context.sent;
+              defaultDevice = _context2.sent;
               speakerDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
             case 9:
               if (speakerDeviceId) {
                 this._mediaControl.setSelectedSpeaker(speakerDeviceId);
               }
               (0, _mobx.runInAction)(function () {
-                _this4._speakerDeviceId = speakerDeviceId;
-                _this4.speakerId = speakerId;
+                _this5._speakerDeviceId = speakerDeviceId;
+                _this5.speakerId = speakerId;
               });
-              _context.next = 15;
+              _context2.next = 15;
               break;
             case 13:
               this._speakerDeviceId = speakerId;
@@ -872,9 +943,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onSpeakerChanged', this._speakerDeviceId);
             case 16:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
       function setSpeakerId(_x) {
         return _setSpeakerId.apply(this, arguments);
@@ -884,36 +955,36 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "setMicrophoneId",
     value: function () {
-      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(microphoneId) {
+      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(microphoneId) {
         var _this$_microphoneAudi5,
           _this$_microphoneAudi6,
-          _this5 = this;
+          _this6 = this;
         var microphoneDeviceId, defaultDevice, microphoneTrack;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               if (!(microphoneId !== DEFAULT_DEVICE_ID && this.microphoneId === microphoneId)) {
-                _context2.next = 2;
+                _context3.next = 2;
                 break;
               }
-              return _context2.abrupt("return");
+              return _context3.abrupt("return");
             case 2:
               (_this$_microphoneAudi5 = this._microphoneAudioTrack) === null || _this$_microphoneAudi5 === void 0 || _this$_microphoneAudi5.removeObserver(this._microphoneObserver);
               (_this$_microphoneAudi6 = this._microphoneAudioTrack) === null || _this$_microphoneAudi6 === void 0 || _this$_microphoneAudi6.stop();
               this.stopMicrophoneTest();
               if (!microphoneId) {
-                _context2.next = 16;
+                _context3.next = 16;
                 break;
               }
               microphoneDeviceId = microphoneId;
               if (!(microphoneDeviceId === DEFAULT_DEVICE_ID)) {
-                _context2.next = 12;
+                _context3.next = 12;
                 break;
               }
-              _context2.next = 10;
+              _context3.next = 10;
               return this._mediaControl.getSystemSelectedMicrophone();
             case 10:
-              defaultDevice = _context2.sent;
+              defaultDevice = _context3.sent;
               microphoneDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
             case 12:
               if (microphoneDeviceId) {
@@ -925,10 +996,10 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 this._microphoneAudioTrack = microphoneTrack;
               }
               (0, _mobx.runInAction)(function () {
-                _this5._microphoneDeviceId = microphoneDeviceId;
-                _this5.microphoneId = microphoneId;
+                _this6._microphoneDeviceId = microphoneDeviceId;
+                _this6.microphoneId = microphoneId;
               });
-              _context2.next = 18;
+              _context3.next = 18;
               break;
             case 16:
               this._microphoneDeviceId = microphoneId;
@@ -937,15 +1008,20 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDeviceId);
             case 19:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
       function setMicrophoneId(_x2) {
         return _setMicrophoneId.apply(this, arguments);
       }
       return setMicrophoneId;
     }()
+  }, {
+    key: "setSpeakerVolume",
+    value: function setSpeakerVolume(value) {
+      this.speakerVolume = value;
+    }
   }, {
     key: "setMicrophoneVolume",
     value: function setMicrophoneVolume(value) {
@@ -991,7 +1067,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "handleCameraChanged",
     value: function handleCameraChanged(enabled) {
-      var _this6 = this;
+      var _this7 = this;
       var localVideoViewSet = this._localVideoViewSet;
       var cameraTrack = this._cameraVideoTrack;
       if (!enabled && localVideoViewSet.size > 0 && cameraTrack) {
@@ -1002,8 +1078,8 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       if (enabled) {
         localVideoViewSet.forEach(function (view) {
           cameraTrack === null || cameraTrack === void 0 || cameraTrack.startPreview({
-            renderMode: _agoraEduCore.FcrVideoRenderMode.HIDDEN,
-            isMirror: _this6.currentIsMirror
+            renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
+            isMirror: _this7.currentIsMirror
           }, view);
         });
       }
@@ -1011,51 +1087,65 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "downloadUiResources",
     value: function () {
-      var _downloadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(uiResource) {
+      var _downloadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(uiResource) {
         var _uiResource$virtualBa,
-          _this7 = this,
-          _uiResource$virtualBa2;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+          _this8 = this,
+          _uiResource$virtualBa2,
+          _uiResource$soundEffe;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.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 () {
-                    _this7.virtualBackgroundList.push({
+                    _this8.virtualBackgroundList.push({
                       url: url,
                       name: (0, _tools.getFileNameWithoutExtension)(url),
                       path: url,
                       type: _virtualBackdoundResources.VirtualOption.IMG
                     });
-                    _this7._updateVirtualBackgroundList(_this7.virtualBackgroundList);
+                    _this8._updateVirtualBackgroundList(_this8.virtualBackgroundList);
                   });
                 } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
-                  return _this7._fetchZipAndUnzip(url, 'image');
+                  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 () {
-                    _this7.virtualBackgroundList.push({
+                    _this8.virtualBackgroundList.push({
                       url: url,
                       name: (0, _tools.getFileNameWithoutExtension)(url),
                       path: url,
                       type: _virtualBackdoundResources.VirtualOption.VIDEO
                     });
-                    _this7._updateVirtualBackgroundList(_this7.virtualBackgroundList);
+                    _this8._updateVirtualBackgroundList(_this8.virtualBackgroundList);
                   });
                 } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
-                  return _this7._fetchZipAndUnzip(url, 'video');
+                  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, _jsMd.md5)(url)
+                    });
+                  });
+                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
+                  return _this8._fetchZipAndUnzip(url, 'audio');
                 }
                 return Promise.resolve();
               })]);
             case 1:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3);
+        }, _callee4);
       }));
       function downloadUiResources(_x3) {
         return _downloadUiResources.apply(this, arguments);
@@ -1065,13 +1155,13 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
-      var _this8 = this,
+      var _this9 = this,
         _this$_cameraVideoTra3,
         _this$_microphoneAudi8;
       if (this._localVideoViewSet.size > 0) {
         this._localVideoViewSet.forEach(function (view) {
-          var _this8$_cameraVideoTr;
-          (_this8$_cameraVideoTr = _this8._cameraVideoTrack) === null || _this8$_cameraVideoTr === void 0 || _this8$_cameraVideoTr.stopPreview(view);
+          var _this9$_cameraVideoTr;
+          (_this9$_cameraVideoTr = _this9._cameraVideoTrack) === null || _this9$_cameraVideoTr === void 0 || _this9$_cameraVideoTr.stopPreview(view);
         });
         this._localVideoViewSet.clear();
       }
@@ -1080,18 +1170,69 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       (_this$_microphoneAudi8 = this._microphoneAudioTrack) === null || _this$_microphoneAudi8 === void 0 || _this$_microphoneAudi8.stop();
       this._microphoneAudioTrack = undefined;
     }
+  }, {
+    key: "joinAudioByComputer",
+    value: function () {
+      var _joinAudioByComputer = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        var list;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              list = this.microphoneList;
+              if (!(list.length > 0)) {
+                _context5.next = 7;
+                break;
+              }
+              _context5.next = 4;
+              return this.setMicrophoneId('default');
+            case 4:
+              this._uiEventStore.showToast({
+                type: 'normal',
+                message: (0, _i18n.transI18n)('fmt_gateway_tips_nodata')
+              });
+              _context5.next = 10;
+              break;
+            case 7:
+              _context5.next = 9;
+              return this.setMicrophoneId('NO_DEVICE');
+            case 9:
+              this._uiEventStore.showToast({
+                type: 'normal',
+                message: (0, _i18n.transI18n)('fmt_toolbar_label_nodevice')
+              });
+            case 10:
+              this.setConnectType(ConnectType.COMPUTER);
+              this._uiEventStore.sendEvent(_constant.UIAction.CONNECT_AUDIO);
+            case 12:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function joinAudioByComputer() {
+        return _joinAudioByComputer.apply(this, arguments);
+      }
+      return joinAudioByComputer;
+    }()
+  }, {
+    key: "stopAudioByComputer",
+    value: function stopAudioByComputer() {
+      this.setMicrophoneId('');
+      this.setConnectType(ConnectType.NONE);
+      this._uiEventStore.sendEvent(_constant.UIAction.DISCONNECT_AUDIO);
+    }
   }, {
     key: "_fileToUiData",
     value: function () {
-      var _fileToUiData2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(resource, type) {
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _fileToUiData2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(resource, type) {
+        return _regenerator["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if (!(typeof resource !== 'string')) {
-                _context4.next = 2;
+                _context6.next = 2;
                 break;
               }
-              return _context4.abrupt("return");
+              return _context6.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), [{
@@ -1101,11 +1242,17 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                   url: window.runtime.fileToBase64(resource, type)
                 }]));
               }
-            case 3:
+              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 _context4.stop();
+              return _context6.stop();
           }
-        }, _callee4, this);
+        }, _callee6, this);
       }));
       function _fileToUiData(_x4, _x5) {
         return _fileToUiData2.apply(this, arguments);
@@ -1113,60 +1260,39 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       return _fileToUiData;
     }()
   }, {
-    key: "openFirstCamera",
-    value: function openFirstCamera() {
-      var _this9 = this;
-      this.mediaControl.getCameraList().then(function (cameraList) {
-        _this9.logger.info("[DeviceStore] get camera list: ".concat(JSON.stringify(cameraList)));
-        if (cameraList.length) {
-          _this9.logger.info("[DeviceStore] select first camera: ".concat(cameraList[0].deviceId));
-          _this9.setCameraId(cameraList[0].deviceId);
-          _this9.setCameraEnabled(true);
-        }
-      });
-    }
-  }, {
-    key: "openFirstMicrophone",
-    value: function openFirstMicrophone() {
-      var _this10 = this;
-      this.mediaControl.getMicrophoneList().then(function (microphoneList) {
-        _this10.logger.info("[DeviceStore] get microphone list: ".concat(JSON.stringify(microphoneList)));
-        if (microphoneList.length) {
-          _this10.logger.info("[DeviceStore] select first microphone: ".concat(microphoneList[0].deviceId));
-          _this10.setMicrophoneId(microphoneList[0].deviceId);
-          _this10.setMicrophoneEnabled(true);
-        }
-      });
+    key: "setConnectType",
+    value: function setConnectType(connectType) {
+      this.connectType = connectType;
     }
   }, {
     key: "_fetchZipAndUnzip",
     value: function () {
-      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(url, type) {
-        var _this11 = this;
+      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(url, type) {
+        var _this10 = this;
         var md5Url, resource;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if ((0, _tools.isResourceZipUrl)(url)) {
-                _context5.next = 2;
+                _context7.next = 2;
                 break;
               }
-              return _context5.abrupt("return", []);
+              return _context7.abrupt("return", []);
             case 2:
               md5Url = (0, _jsMd.md5)(url);
-              _context5.next = 5;
-              return window.runtime.getVirtualBgResource(url, md5Url, type);
+              _context7.next = 5;
+              return window.runtime.getResourceByFileType(url, md5Url, type);
             case 5:
-              resource = _context5.sent;
+              resource = _context7.sent;
               resource.forEach(function (item) {
-                _this11._fileToUiData(item, type);
+                _this10._fileToUiData(item, type);
               });
-              return _context5.abrupt("return", []);
+              return _context7.abrupt("return", []);
             case 8:
             case "end":
-              return _context5.stop();
+              return _context7.stop();
           }
-        }, _callee5);
+        }, _callee7);
       }));
       function _fetchZipAndUnzip(_x6, _x7) {
         return _fetchZipAndUnzip2.apply(this, arguments);
@@ -1190,12 +1316,17 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleSpeakerTestVolumeIndicationUpdated",
     value: function _handleSpeakerTestVolumeIndicationUpdated(volume) {
-      this.speakerVolumeLevel = volume;
+      this.speakerVolumeLevel = Math.floor(volume / 255 * 100);
+    }
+  }, {
+    key: "_handleSpeakerVolumeUpdated",
+    value: function _handleSpeakerVolumeUpdated(volume) {
+      this.speakerVolume = volume;
     }
   }, {
     key: "_handleMicrophoneVolumeIndicationUpdated",
     value: function _handleMicrophoneVolumeIndicationUpdated(_, volume) {
-      this.microphoneVolumeLevel = volume;
+      this.microphoneVolumeLevel = Math.floor(volume / 255 * 100);
     }
   }, {
     key: "_handleCameraChanged",
@@ -1203,30 +1334,24 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       var enabled = this.showCameraPreview;
       this.handleCameraChanged(enabled);
     }
-  }, {
-    key: "_handleMicrophoneChanged",
-    value: function _handleMicrophoneChanged(microphoneId, prevMicrophoneId) {}
-  }, {
-    key: "_handleSpeakerChanged",
-    value: function _handleSpeakerChanged() {}
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-        var _this12 = this;
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+        var _this11 = this;
         var currentDeviceExist, cameraEnabled, deviceId, _deviceId;
-        return _regenerator["default"].wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regenerator["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              _context6.next = 2;
+              _context8.next = 2;
               return this._mediaControl.getCameraList();
             case 2:
-              this.cameraList = _context6.sent;
+              this.cameraList = _context8.sent;
               currentDeviceExist = false;
               if (this.cameraId) {
                 currentDeviceExist = this.cameraList.some(function (_ref2) {
                   var deviceId = _ref2.deviceId;
-                  return _this12.cameraId === deviceId;
+                  return _this11.cameraId === deviceId;
                 });
                 cameraEnabled = this.cameraEnabled;
                 if (!currentDeviceExist) {
@@ -1253,9 +1378,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onCameraListUpdated', this.cameraList);
             case 7:
             case "end":
-              return _context6.stop();
+              return _context8.stop();
           }
-        }, _callee6, this);
+        }, _callee8, this);
       }));
       function _handleCameraListUpdated() {
         return _handleCameraListUpdated2.apply(this, arguments);
@@ -1265,38 +1390,38 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleMicrophoneListUpdated",
     value: function () {
-      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-        var _this13 = this;
+      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
+        var _this12 = this;
         var microphoneList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, id;
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regenerator["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              _context7.next = 2;
+              _context9.next = 2;
               return this._mediaControl.getMicrophoneList();
             case 2:
-              microphoneList = _context7.sent;
-              _context7.next = 5;
+              microphoneList = _context9.sent;
+              _context9.next = 5;
               return this._mediaControl.getSystemSelectedMicrophone();
             case 5:
-              defaultDevice = _context7.sent;
+              defaultDevice = _context9.sent;
               (0, _mobx.runInAction)(function () {
-                _this13.microphoneList = microphoneList.filter(function (item) {
+                _this12.microphoneList = microphoneList.filter(function (item) {
                   return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
                 });
-                var defaultIdDevice = _this13.microphoneList.find(function (item) {
+                var defaultIdDevice = _this12.microphoneList.find(function (item) {
                   return item.deviceId === DEFAULT_DEVICE_ID;
                 });
                 if (!defaultIdDevice && defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceName) {
-                  _this13.microphoneList.unshift({
+                  _this12.microphoneList.unshift({
                     deviceId: DEFAULT_DEVICE_ID,
                     deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                      reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
+                      reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                     })
                   });
                 }
                 if (defaultIdDevice && defaultIdDevice.deviceName) {
                   defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                    reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
+                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                   });
                 }
               });
@@ -1306,7 +1431,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 }
               }
               currentDeviceExist = this.microphoneList.find(function (item) {
-                return item.deviceId === _this13._microphoneDeviceId;
+                return item.deviceId === _this12._microphoneDeviceId;
               });
               if (!currentDeviceExist) {
                 this.logger.info('[FcrDeviceStore] current microphone is unplugged, switch to follow system');
@@ -1321,9 +1446,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
             case 13:
             case "end":
-              return _context7.stop();
+              return _context9.stop();
           }
-        }, _callee7, this);
+        }, _callee9, this);
       }));
       function _handleMicrophoneListUpdated() {
         return _handleMicrophoneListUpdated2.apply(this, arguments);
@@ -1333,37 +1458,37 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleSpeakerListUpdated",
     value: function () {
-      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-        var _this14 = this;
+      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
+        var _this13 = this;
         var speakerList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, id;
-        return _regenerator["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regenerator["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context8.next = 2;
+              _context10.next = 2;
               return this._mediaControl.getSpeakerList();
             case 2:
-              speakerList = _context8.sent;
-              _context8.next = 5;
+              speakerList = _context10.sent;
+              _context10.next = 5;
               return this._mediaControl.getSystemSelectedSpeaker();
             case 5:
-              defaultDevice = _context8.sent;
+              defaultDevice = _context10.sent;
               (0, _mobx.runInAction)(function () {
-                _this14.speakerList = speakerList.filter(function (item) {
+                _this13.speakerList = speakerList.filter(function (item) {
                   return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
                 });
-                var defaultIdDevice = _this14.speakerList.find(function (item) {
+                var defaultIdDevice = _this13.speakerList.find(function (item) {
                   return item.deviceId === DEFAULT_DEVICE_ID;
                 });
                 if (!defaultIdDevice) {
-                  _this14.speakerList.unshift({
+                  _this13.speakerList.unshift({
                     deviceId: DEFAULT_DEVICE_ID,
                     deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                      reason1: defaultDevice ? defaultDevice.deviceName : (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                      reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                     })
                   });
                 } else {
                   defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                    reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
+                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                   });
                 }
               });
@@ -1373,7 +1498,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 }
               }
               currentDeviceExist = this.speakerList.find(function (item) {
-                return item.deviceId === _this14._speakerDeviceId;
+                return item.deviceId === _this13._speakerDeviceId;
               });
               if (!currentDeviceExist) {
                 this.logger.info('[FcrDeviceStore] current speaker is unplugged, switch to follow system');
@@ -1388,9 +1513,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
             case 13:
             case "end":
-              return _context8.stop();
+              return _context10.stop();
           }
-        }, _callee8, this);
+        }, _callee10, this);
       }));
       function _handleSpeakerListUpdated() {
         return _handleSpeakerListUpdated2.apply(this, arguments);
@@ -1398,46 +1523,20 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       return _handleSpeakerListUpdated;
     }()
   }, {
-    key: "_handleVideoShowChanged",
-    value: function _handleVideoShowChanged() {
-      var enabled = this.showCameraPreview;
-      if (!this.cameraId) {
-        return;
-      }
-      if (enabled) {
-        (0, _rendererEvent.sendEvent)({
-          action: _constant.RendererEventAction.UNMUTE_LOCAL_VIDEO,
-          payload: null
-        });
-      } else {
-        (0, _rendererEvent.sendEvent)({
-          action: _constant.RendererEventAction.MUTE_LOCAL_VIDEO,
-          payload: null
-        });
-      }
+    key: "setAudioConnected",
+    value: function setAudioConnected(enable) {
+      this.isAudioConnected = enable;
     }
   }, {
-    key: "_handleMicrophoneEnabledChanged",
-    value: function _handleMicrophoneEnabledChanged() {
-      if (!this._microphoneDeviceId) return;
-      var enabled = this.microphoneEnabled;
-      if (enabled) {
-        (0, _rendererEvent.sendEvent)({
-          action: _constant.RendererEventAction.UNMUTE_LOCAL_AUDIO,
-          payload: null
-        });
-      } else {
-        (0, _rendererEvent.sendEvent)({
-          action: _constant.RendererEventAction.MUTE_LOCAL_AUDIO,
-          payload: null
-        });
-      }
+    key: "setMainRoomAudioOff",
+    value: function setMainRoomAudioOff(enable) {
+      this.isMainRoomAudioOff = enable;
     }
   }]);
 }();
 _FcrDeviceStore = FcrDeviceStore;
-var _applyDecs$e = _applyDecs(_FcrDeviceStore, [[_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, "currentVirtualBackgroundName"], [_mobx.observable, 1, "enableBeauty"], [_mobx.observable, 1, "currentBeautyKey"], [_mobx.observable, 1, "beautyOptions"], [_mobx.observable, 1, "virtualBackgroundList"], [_mobx.observable, 1, "microphoneDetecting"], [_mobx.observable, 1, "speakerDetecting"], [_mobx.computed, 3, "cameraDeviceList"], [_mobx.computed, 3, "microphoneDeviceList"], [_mobx.computed, 3, "speakerDeviceList"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_startSpeakerTestDecs, 18, "startSpeakerTest"], [_stopSpeakerTestDecs, 18, "stopSpeakerTest"], [_setCurrentIsMirrorDecs, 18, "setCurrentIsMirror"], [_toggleLocalMirrorPreviewDecs, 18, "toggleLocalMirrorPreview"], [_setBeautyOptionsDecs, 18, "setBeautyOptions"], [_handleCancelForceOpenVideoEffectDecs, 18, "handleCancelForceOpenVideoEffect"], [_handleForceOpenVideoEffectDecs, 18, "handleForceOpenVideoEffect"], [_decorator.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"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_actionsBeforeJoinDecs, 18, "actionsBeforeJoin"], [_downloadUiResourcesDecs, 18, "downloadUiResources"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSpeakerTestVolumeIndicationUpdatedDecs, 18, "_handleSpeakerTestVolumeIndicationUpdated"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_decorator.bound, 2, "_handleCameraChanged"], [_handleMicrophoneChangedDecs, 18, "_handleMicrophoneChanged"], [_handleSpeakerChangedDecs, 18, "_handleSpeakerChanged"], [_handleCameraListUpdatedDecs, 18, "_handleCameraListUpdated"], [_handleMicrophoneListUpdatedDecs, 18, "_handleMicrophoneListUpdated"], [_handleSpeakerListUpdatedDecs, 18, "_handleSpeakerListUpdated"], [_handleVideoShowChangedDecs, 18, "_handleVideoShowChanged"], [_handleMicrophoneEnabledChangedDecs, 18, "_handleMicrophoneEnabledChanged"], [_setSpeakerVolumeDecs, 16, "setSpeakerVolume"], [_handleSpeakerVolumeUpdatedDecs, 16, "_handleSpeakerVolumeUpdated"]], []).e;
-var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 29);
+var _applyDecs$e = _applyDecs(_FcrDeviceStore, [[_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, "currentVirtualBackgroundName"], [_mobx.observable, 1, "enableBeauty"], [_mobx.observable, 1, "currentBeautyKey"], [_mobx.observable, 1, "beautyOptions"], [_mobx.observable, 1, "virtualBackgroundList"], [_mobx.observable, 1, "soundEffectList"], [_mobx.observable, 1, "microphoneDetecting"], [_mobx.observable, 1, "speakerDetecting"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "isAudioConnected"], [_mobx.observable, 1, "isMainRoomAudioOff"], [_mobx.computed, 3, "cameraDeviceList"], [_mobx.computed, 3, "microphoneDeviceList"], [_mobx.computed, 3, "speakerDeviceList"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_startSpeakerTestDecs, 18, "startSpeakerTest"], [_stopSpeakerTestDecs, 18, "stopSpeakerTest"], [_setCurrentIsMirrorDecs, 18, "setCurrentIsMirror"], [_toggleLocalMirrorPreviewDecs, 18, "toggleLocalMirrorPreview"], [_setBeautyOptionsDecs, 18, "setBeautyOptions"], [_handleCancelForceOpenVideoEffectDecs, 18, "handleCancelForceOpenVideoEffect"], [_handleForceOpenVideoEffectDecs, 18, "handleForceOpenVideoEffect"], [_decorator.bound, 2, "setVideoOrientation"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_setMicrophoneEnabledDecs, 18, "setMicrophoneEnabled"], [_toggleLocalMirrorDecs, 18, "toggleLocalMirror"], [_resetMirrorDecs, 18, "resetMirror"], [_startMicrophoneTestDecs, 18, "startMicrophoneTest"], [_stopMicrophoneTestDecs, 18, "stopMicrophoneTest"], [_enableVirtualBackgroundDecs, 18, "enableVirtualBackground"], [_setEditBeautyKeyDecs, 18, "setEditBeautyKey"], [_enableBeautyEffectDecs, 18, "enableBeautyEffect"], [_setCameraIdDecs, 18, "setCameraId"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_actionsBeforeJoinDecs, 18, "actionsBeforeJoin"], [_downloadUiResourcesDecs, 18, "downloadUiResources"], [_decorator.bound, 2, "joinAudioByComputer"], [_decorator.bound, 2, "stopAudioByComputer"], [_setConnectTypeDecs, 18, "setConnectType"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSpeakerTestVolumeIndicationUpdatedDecs, 18, "_handleSpeakerTestVolumeIndicationUpdated"], [_handleSpeakerVolumeUpdatedDecs, 18, "_handleSpeakerVolumeUpdated"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_decorator.bound, 2, "_handleCameraChanged"], [_handleCameraListUpdatedDecs, 18, "_handleCameraListUpdated"], [_handleMicrophoneListUpdatedDecs, 18, "_handleMicrophoneListUpdated"], [_handleSpeakerListUpdatedDecs, 18, "_handleSpeakerListUpdated"], [_setAudioConnectedDecs, 18, "setAudioConnected"], [_setMainRoomAudioOffDecs, 18, "setMainRoomAudioOff"]], []).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 31);
 _init__microphoneDeviceId = _applyDecs$e2[0];
 _init__speakerDeviceId = _applyDecs$e2[1];
 _init_currentIsMirror = _applyDecs$e2[2];
@@ -1462,9 +1561,11 @@ _init_enableBeauty = _applyDecs$e2[20];
 _init_currentBeautyKey = _applyDecs$e2[21];
 _init_beautyOptions = _applyDecs$e2[22];
 _init_virtualBackgroundList = _applyDecs$e2[23];
-_init_microphoneDetecting = _applyDecs$e2[24];
-_init_speakerDetecting = _applyDecs$e2[25];
-_init_setSpeakerVolume = _applyDecs$e2[26];
-_init__handleSpeakerVolumeUpdated = _applyDecs$e2[27];
-_initProto = _applyDecs$e2[28];
+_init_soundEffectList = _applyDecs$e2[24];
+_init_microphoneDetecting = _applyDecs$e2[25];
+_init_speakerDetecting = _applyDecs$e2[26];
+_init_connectType = _applyDecs$e2[27];
+_init_isAudioConnected = _applyDecs$e2[28];
+_init_isMainRoomAudioOff = _applyDecs$e2[29];
+_initProto = _applyDecs$e2[30];
 _applyDecs$e;