npm - fcr-ui-scene - Versions diffs - 3.4.4 → 3.5.0 - Mend

fcr-ui-scene 3.4.4 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (611) hide show

package/lib/common/device-store.js CHANGED Viewed

@@ -37,7 +37,9 @@ 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");
@@ -109,10 +111,11 @@ 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 _lodash = require("lodash");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 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_soundEffectList, _init_microphoneDetecting, _init_speakerDetecting, _init_connectType, _init_isAudioConnected, _init_isMainRoomAudioOff, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _actionsBeforeJoinDecs, _downloadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleCameraListUpdatedDecs, _handleMicrophoneListUpdatedDecs, _handleSpeakerListUpdatedDecs, _setAudioConnectedDecs, _setMainRoomAudioOffDecs, _ref;
+var _initProto, _init__microphoneDeviceId, _init__speakerDeviceId, _init_currentIsMirror, _init_showForceOpenEffectDialog, _init_cameraId, _init_microphoneId, _init_speakerId, _init_cameraEnabled, _init_showCameraPreview, _init_microphoneEnabled, _init_cameraList, _init_microphoneList, _init_microphoneVolumeLevel, _init_speakerList, _init_isLocalMirrorEnabled, _init_isLocalEditBeautyOptions, _init_speakerVolumeLevel, _init_speakerVolume, _init_microphoneVolume, _init_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, _init_setSpeakerVolume, _setMicrophoneVolumeDecs, _actionsBeforeJoinDecs, _downloadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _init__handleSpeakerVolumeUpdated, _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; }
@@ -209,9 +212,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, 'default'));
+    _classPrivateFieldInitSpec(this, _F, _init_microphoneId(this, ''));
     // selected speaker id, for ui display, could be 'default' or real device id
-    _classPrivateFieldInitSpec(this, _G, _init_speakerId(this, 'default'));
+    _classPrivateFieldInitSpec(this, _G, _init_speakerId(this, ''));
     _classPrivateFieldInitSpec(this, _H, _init_cameraEnabled(this, false));
     _classPrivateFieldInitSpec(this, _I, _init_showCameraPreview(this, false));
     _classPrivateFieldInitSpec(this, _J, _init_microphoneEnabled(this, false));
@@ -222,7 +225,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, 0));
+    _classPrivateFieldInitSpec(this, _R, _init_speakerVolume(this, 30));
     _classPrivateFieldInitSpec(this, _S, _init_microphoneVolume(this, 100));
     _classPrivateFieldInitSpec(this, _T, _init_currentVirtualBackgroundName(this, 'None'));
     _classPrivateFieldInitSpec(this, _U, _init_enableBeauty(this, false));
@@ -241,6 +244,12 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _b, _init_connectType(this, ConnectType.NONE));
     _classPrivateFieldInitSpec(this, _c, _init_isAudioConnected(this, false));
     _classPrivateFieldInitSpec(this, _d, _init_isMainRoomAudioOff(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._mediaControl = _mediaControl;
     this._uiEventStore = _uiEventStore;
     this._listeners.push((0, _mobx.reaction)(function () {
@@ -254,11 +263,12 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       onSpeakerAdded: this._handleSpeakerListUpdated,
       onSpeakerRemoved: this._handleSpeakerListUpdated,
       onSpeakerTestVolumeIndicationUpdated: this._handleSpeakerTestVolumeIndicationUpdated,
+      // TODO: pretest 页面, 底层没有回调
       onSelectedSpeakerVolumeUpdated: this._handleSpeakerVolumeUpdated
     });
-    (0, _mobx.runInAction)(function () {
-      _this.speakerVolume = _this.mediaControl.getSelectedSpeakerVolume();
-    });
+    this._handleCameraListUpdated();
+    this._handleMicrophoneListUpdated();
+    this._handleSpeakerListUpdated();
   }
   return (0, _createClass2["default"])(FcrDeviceStore, [{
     key: "_microphoneDeviceId",
@@ -552,53 +562,6 @@ 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) {
@@ -636,7 +599,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       var _this$_microphoneAudi,
         _this$soundEffectList,
         _this$soundEffectList2,
-        _this3 = this;
+        _this2 = 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);
@@ -647,7 +610,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       this.speakerDetecting = true;
       this._playAudioTimer && clearInterval(this._playAudioTimer);
       this._playAudioTimer = setInterval(function () {
-        _this3._mediaControl.startSelectedSpeakerTest(soundUrl || '', interval);
+        _this2._mediaControl.startSelectedSpeakerTest(soundUrl || '', interval);
       }, sleep);
     }
   }, {
@@ -668,12 +631,12 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "toggleLocalMirrorPreview",
     value: function toggleLocalMirrorPreview(mirror) {
-      var _this4 = this;
+      var _this3 = this;
       this.setCurrentIsMirror(mirror);
       this._localVideoViewSet.forEach(function (view) {
-        var _this4$_cameraVideoTr, _this4$_cameraVideoTr2;
-        (_this4$_cameraVideoTr = _this4._cameraVideoTrack) === null || _this4$_cameraVideoTr === void 0 || _this4$_cameraVideoTr.stopPreview(view);
-        (_this4$_cameraVideoTr2 = _this4._cameraVideoTrack) === null || _this4$_cameraVideoTr2 === void 0 || _this4$_cameraVideoTr2.startPreview({
+        var _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: _fcrCore.FcrVideoRenderMode.HIDDEN,
           isMirror: mirror
         }, view);
@@ -741,7 +704,6 @@ 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;
     }
@@ -900,41 +862,41 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "setSpeakerId",
     value: function () {
-      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(speakerId) {
-        var _this5 = this;
+      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(speakerId) {
+        var _this4 = this;
         var speakerDeviceId, defaultDevice;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!(speakerId !== DEFAULT_DEVICE_ID && this.speakerId === speakerId)) {
-                _context2.next = 2;
+                _context.next = 2;
                 break;
               }
-              return _context2.abrupt("return");
+              return _context.abrupt("return");
             case 2:
               if (!speakerId) {
-                _context2.next = 13;
+                _context.next = 13;
                 break;
               }
               speakerDeviceId = speakerId;
               if (!(speakerId === DEFAULT_DEVICE_ID)) {
-                _context2.next = 9;
+                _context.next = 9;
                 break;
               }
-              _context2.next = 7;
+              _context.next = 7;
               return this._mediaControl.getSystemSelectedSpeaker();
             case 7:
-              defaultDevice = _context2.sent;
+              defaultDevice = _context.sent;
               speakerDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
             case 9:
               if (speakerDeviceId) {
                 this._mediaControl.setSelectedSpeaker(speakerDeviceId);
               }
               (0, _mobx.runInAction)(function () {
-                _this5._speakerDeviceId = speakerDeviceId;
-                _this5.speakerId = speakerId;
+                _this4._speakerDeviceId = speakerDeviceId;
+                _this4.speakerId = speakerId;
               });
-              _context2.next = 15;
+              _context.next = 15;
               break;
             case 13:
               this._speakerDeviceId = speakerId;
@@ -943,9 +905,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onSpeakerChanged', this._speakerDeviceId);
             case 16:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
-        }, _callee2, this);
+        }, _callee, this);
       }));
       function setSpeakerId(_x) {
         return _setSpeakerId.apply(this, arguments);
@@ -955,36 +917,36 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "setMicrophoneId",
     value: function () {
-      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(microphoneId) {
+      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(microphoneId) {
         var _this$_microphoneAudi5,
           _this$_microphoneAudi6,
-          _this6 = this;
+          _this5 = this;
         var microphoneDeviceId, defaultDevice, microphoneTrack;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!(microphoneId !== DEFAULT_DEVICE_ID && this.microphoneId === microphoneId)) {
-                _context3.next = 2;
+                _context2.next = 2;
                 break;
               }
-              return _context3.abrupt("return");
+              return _context2.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) {
-                _context3.next = 16;
+                _context2.next = 16;
                 break;
               }
               microphoneDeviceId = microphoneId;
               if (!(microphoneDeviceId === DEFAULT_DEVICE_ID)) {
-                _context3.next = 12;
+                _context2.next = 12;
                 break;
               }
-              _context3.next = 10;
+              _context2.next = 10;
               return this._mediaControl.getSystemSelectedMicrophone();
             case 10:
-              defaultDevice = _context3.sent;
+              defaultDevice = _context2.sent;
               microphoneDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
             case 12:
               if (microphoneDeviceId) {
@@ -996,10 +958,10 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 this._microphoneAudioTrack = microphoneTrack;
               }
               (0, _mobx.runInAction)(function () {
-                _this6._microphoneDeviceId = microphoneDeviceId;
-                _this6.microphoneId = microphoneId;
+                _this5._microphoneDeviceId = microphoneDeviceId;
+                _this5.microphoneId = microphoneId;
               });
-              _context3.next = 18;
+              _context2.next = 18;
               break;
             case 16:
               this._microphoneDeviceId = microphoneId;
@@ -1008,20 +970,15 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDeviceId);
             case 19:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this);
+        }, _callee2, 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) {
@@ -1067,7 +1024,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "handleCameraChanged",
     value: function handleCameraChanged(enabled) {
-      var _this7 = this;
+      var _this6 = this;
       var localVideoViewSet = this._localVideoViewSet;
       var cameraTrack = this._cameraVideoTrack;
       if (!enabled && localVideoViewSet.size > 0 && cameraTrack) {
@@ -1079,7 +1036,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
         localVideoViewSet.forEach(function (view) {
           cameraTrack === null || cameraTrack === void 0 || cameraTrack.startPreview({
             renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
-            isMirror: _this7.currentIsMirror
+            isMirror: _this6.currentIsMirror
           }, view);
         });
       }
@@ -1087,65 +1044,65 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "downloadUiResources",
     value: function () {
-      var _downloadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(uiResource) {
+      var _downloadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(uiResource) {
         var _uiResource$virtualBa,
-          _this8 = this,
+          _this7 = this,
           _uiResource$virtualBa2,
           _uiResource$soundEffe;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.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({
+                    _this7.virtualBackgroundList.push({
                       url: url,
                       name: (0, _tools.getFileNameWithoutExtension)(url),
                       path: url,
                       type: _virtualBackdoundResources.VirtualOption.IMG
                     });
-                    _this8._updateVirtualBackgroundList(_this8.virtualBackgroundList);
+                    _this7._updateVirtualBackgroundList(_this7.virtualBackgroundList);
                   });
                 } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
-                  return _this8._fetchZipAndUnzip(url, 'image');
+                  return _this7._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({
+                    _this7.virtualBackgroundList.push({
                       url: url,
                       name: (0, _tools.getFileNameWithoutExtension)(url),
                       path: url,
                       type: _virtualBackdoundResources.VirtualOption.VIDEO
                     });
-                    _this8._updateVirtualBackgroundList(_this8.virtualBackgroundList);
+                    _this7._updateVirtualBackgroundList(_this7.virtualBackgroundList);
                   });
                 } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
-                  return _this8._fetchZipAndUnzip(url, 'video');
+                  return _this7._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), {
+                    _this7.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 _this7._fetchZipAndUnzip(url, 'audio');
                 }
                 return Promise.resolve();
               })]);
             case 1:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4);
+        }, _callee3);
       }));
       function downloadUiResources(_x3) {
         return _downloadUiResources.apply(this, arguments);
@@ -1155,13 +1112,13 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
-      var _this9 = this,
+      var _this8 = 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 _this8$_cameraVideoTr;
+          (_this8$_cameraVideoTr = _this8._cameraVideoTrack) === null || _this8$_cameraVideoTr === void 0 || _this8$_cameraVideoTr.stopPreview(view);
         });
         this._localVideoViewSet.clear();
       }
@@ -1173,27 +1130,27 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "joinAudioByComputer",
     value: function () {
-      var _joinAudioByComputer = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+      var _joinAudioByComputer = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
         var list;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               list = this.microphoneList;
               if (!(list.length > 0)) {
-                _context5.next = 7;
+                _context4.next = 7;
                 break;
               }
-              _context5.next = 4;
+              _context4.next = 4;
               return this.setMicrophoneId('default');
             case 4:
               this._uiEventStore.showToast({
                 type: 'normal',
                 message: (0, _i18n.transI18n)('fmt_gateway_tips_nodata')
               });
-              _context5.next = 10;
+              _context4.next = 10;
               break;
             case 7:
-              _context5.next = 9;
+              _context4.next = 9;
               return this.setMicrophoneId('NO_DEVICE');
             case 9:
               this._uiEventStore.showToast({
@@ -1205,9 +1162,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._uiEventStore.sendEvent(_constant.UIAction.CONNECT_AUDIO);
             case 12:
             case "end":
-              return _context5.stop();
+              return _context4.stop();
           }
-        }, _callee5, this);
+        }, _callee4, this);
       }));
       function joinAudioByComputer() {
         return _joinAudioByComputer.apply(this, arguments);
@@ -1224,15 +1181,15 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_fileToUiData",
     value: function () {
-      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) {
+      var _fileToUiData2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(resource, type) {
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!(typeof resource !== 'string')) {
-                _context6.next = 2;
+                _context5.next = 2;
                 break;
               }
-              return _context6.abrupt("return");
+              return _context5.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), [{
@@ -1250,15 +1207,41 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               }
             case 4:
             case "end":
-              return _context6.stop();
+              return _context5.stop();
           }
-        }, _callee6, this);
+        }, _callee5, this);
       }));
       function _fileToUiData(_x4, _x5) {
         return _fileToUiData2.apply(this, arguments);
       }
       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) {
@@ -1267,32 +1250,32 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_fetchZipAndUnzip",
     value: function () {
-      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(url, type) {
-        var _this10 = this;
+      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(url, type) {
+        var _this11 = this;
         var md5Url, resource;
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regenerator["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if ((0, _tools.isResourceZipUrl)(url)) {
-                _context7.next = 2;
+                _context6.next = 2;
                 break;
               }
-              return _context7.abrupt("return", []);
+              return _context6.abrupt("return", []);
             case 2:
               md5Url = (0, _jsMd.md5)(url);
-              _context7.next = 5;
+              _context6.next = 5;
               return window.runtime.getResourceByFileType(url, md5Url, type);
             case 5:
-              resource = _context7.sent;
+              resource = _context6.sent;
               resource.forEach(function (item) {
-                _this10._fileToUiData(item, type);
+                _this11._fileToUiData(item, type);
               });
-              return _context7.abrupt("return", []);
+              return _context6.abrupt("return", []);
             case 8:
             case "end":
-              return _context7.stop();
+              return _context6.stop();
           }
-        }, _callee7);
+        }, _callee6);
       }));
       function _fetchZipAndUnzip(_x6, _x7) {
         return _fetchZipAndUnzip2.apply(this, arguments);
@@ -1316,17 +1299,12 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleSpeakerTestVolumeIndicationUpdated",
     value: function _handleSpeakerTestVolumeIndicationUpdated(volume) {
-      this.speakerVolumeLevel = Math.floor(volume / 255 * 100);
-    }
-  }, {
-    key: "_handleSpeakerVolumeUpdated",
-    value: function _handleSpeakerVolumeUpdated(volume) {
-      this.speakerVolume = volume;
+      this.speakerVolumeLevel = volume;
     }
   }, {
     key: "_handleMicrophoneVolumeIndicationUpdated",
     value: function _handleMicrophoneVolumeIndicationUpdated(_, volume) {
-      this.microphoneVolumeLevel = Math.floor(volume / 255 * 100);
+      this.microphoneVolumeLevel = volume;
     }
   }, {
     key: "_handleCameraChanged",
@@ -1337,21 +1315,21 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-        var _this11 = this;
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+        var _this12 = this;
         var currentDeviceExist, cameraEnabled, deviceId, _deviceId;
-        return _regenerator["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              _context8.next = 2;
+              _context7.next = 2;
               return this._mediaControl.getCameraList();
             case 2:
-              this.cameraList = _context8.sent;
+              this.cameraList = _context7.sent;
               currentDeviceExist = false;
               if (this.cameraId) {
                 currentDeviceExist = this.cameraList.some(function (_ref2) {
                   var deviceId = _ref2.deviceId;
-                  return _this11.cameraId === deviceId;
+                  return _this12.cameraId === deviceId;
                 });
                 cameraEnabled = this.cameraEnabled;
                 if (!currentDeviceExist) {
@@ -1378,9 +1356,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onCameraListUpdated', this.cameraList);
             case 7:
             case "end":
-              return _context8.stop();
+              return _context7.stop();
           }
-        }, _callee8, this);
+        }, _callee7, this);
       }));
       function _handleCameraListUpdated() {
         return _handleCameraListUpdated2.apply(this, arguments);
@@ -1390,38 +1368,38 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleMicrophoneListUpdated",
     value: function () {
-      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
-        var _this12 = this;
+      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+        var _this13 = this;
         var microphoneList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, id;
-        return _regenerator["default"].wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regenerator["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              _context9.next = 2;
+              _context8.next = 2;
               return this._mediaControl.getMicrophoneList();
             case 2:
-              microphoneList = _context9.sent;
-              _context9.next = 5;
+              microphoneList = _context8.sent;
+              _context8.next = 5;
               return this._mediaControl.getSystemSelectedMicrophone();
             case 5:
-              defaultDevice = _context9.sent;
+              defaultDevice = _context8.sent;
               (0, _mobx.runInAction)(function () {
-                _this12.microphoneList = microphoneList.filter(function (item) {
+                _this13.microphoneList = microphoneList.filter(function (item) {
                   return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
                 });
-                var defaultIdDevice = _this12.microphoneList.find(function (item) {
+                var defaultIdDevice = _this13.microphoneList.find(function (item) {
                   return item.deviceId === DEFAULT_DEVICE_ID;
                 });
                 if (!defaultIdDevice && defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceName) {
-                  _this12.microphoneList.unshift({
+                  _this13.microphoneList.unshift({
                     deviceId: DEFAULT_DEVICE_ID,
                     deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                      reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                      reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
                     })
                   });
                 }
                 if (defaultIdDevice && defaultIdDevice.deviceName) {
                   defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                    reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
                   });
                 }
               });
@@ -1431,7 +1409,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 }
               }
               currentDeviceExist = this.microphoneList.find(function (item) {
-                return item.deviceId === _this12._microphoneDeviceId;
+                return item.deviceId === _this13._microphoneDeviceId;
               });
               if (!currentDeviceExist) {
                 this.logger.info('[FcrDeviceStore] current microphone is unplugged, switch to follow system');
@@ -1446,9 +1424,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
             case 13:
             case "end":
-              return _context9.stop();
+              return _context8.stop();
           }
-        }, _callee9, this);
+        }, _callee8, this);
       }));
       function _handleMicrophoneListUpdated() {
         return _handleMicrophoneListUpdated2.apply(this, arguments);
@@ -1458,37 +1436,37 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleSpeakerListUpdated",
     value: function () {
-      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
-        var _this13 = this;
+      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
+        var _this14 = this;
         var speakerList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, id;
-        return _regenerator["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regenerator["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              _context10.next = 2;
+              _context9.next = 2;
               return this._mediaControl.getSpeakerList();
             case 2:
-              speakerList = _context10.sent;
-              _context10.next = 5;
+              speakerList = _context9.sent;
+              _context9.next = 5;
               return this._mediaControl.getSystemSelectedSpeaker();
             case 5:
-              defaultDevice = _context10.sent;
+              defaultDevice = _context9.sent;
               (0, _mobx.runInAction)(function () {
-                _this13.speakerList = speakerList.filter(function (item) {
+                _this14.speakerList = speakerList.filter(function (item) {
                   return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
                 });
-                var defaultIdDevice = _this13.speakerList.find(function (item) {
+                var defaultIdDevice = _this14.speakerList.find(function (item) {
                   return item.deviceId === DEFAULT_DEVICE_ID;
                 });
                 if (!defaultIdDevice) {
-                  _this13.speakerList.unshift({
+                  _this14.speakerList.unshift({
                     deviceId: DEFAULT_DEVICE_ID,
                     deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                      reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                      reason1: defaultDevice ? defaultDevice.deviceName : (0, _i18n.transI18n)('fmt_device_label_speaker_default')
                     })
                   });
                 } else {
                   defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
-                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                    reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
                   });
                 }
               });
@@ -1498,7 +1476,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 }
               }
               currentDeviceExist = this.speakerList.find(function (item) {
-                return item.deviceId === _this13._speakerDeviceId;
+                return item.deviceId === _this14._speakerDeviceId;
               });
               if (!currentDeviceExist) {
                 this.logger.info('[FcrDeviceStore] current speaker is unplugged, switch to follow system');
@@ -1513,9 +1491,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
             case 13:
             case "end":
-              return _context10.stop();
+              return _context9.stop();
           }
-        }, _callee10, this);
+        }, _callee9, this);
       }));
       function _handleSpeakerListUpdated() {
         return _handleSpeakerListUpdated2.apply(this, arguments);
@@ -1535,8 +1513,8 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }]);
 }();
 _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, "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);
+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"], [_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"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_decorator.bound, 2, "_handleCameraChanged"], [_handleCameraListUpdatedDecs, 18, "_handleCameraListUpdated"], [_handleMicrophoneListUpdatedDecs, 18, "_handleMicrophoneListUpdated"], [_handleSpeakerListUpdatedDecs, 18, "_handleSpeakerListUpdated"], [_setAudioConnectedDecs, 18, "setAudioConnected"], [_setMainRoomAudioOffDecs, 18, "setMainRoomAudioOff"], [_setSpeakerVolumeDecs, 16, "setSpeakerVolume"], [_handleSpeakerVolumeUpdatedDecs, 16, "_handleSpeakerVolumeUpdated"]], []).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 33);
 _init__microphoneDeviceId = _applyDecs$e2[0];
 _init__speakerDeviceId = _applyDecs$e2[1];
 _init_currentIsMirror = _applyDecs$e2[2];
@@ -1567,5 +1545,7 @@ _init_speakerDetecting = _applyDecs$e2[26];
 _init_connectType = _applyDecs$e2[27];
 _init_isAudioConnected = _applyDecs$e2[28];
 _init_isMainRoomAudioOff = _applyDecs$e2[29];
-_initProto = _applyDecs$e2[30];
+_init_setSpeakerVolume = _applyDecs$e2[30];
+_init__handleSpeakerVolumeUpdated = _applyDecs$e2[31];
+_initProto = _applyDecs$e2[32];
 _applyDecs$e;