fcr-ui-scene 3.1.1 → 3.3.0

package/lib/common/device-store.js

@@ -13,6 +13,22 @@ 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", {
@@ -45,27 +61,64 @@ require("core-js/modules/es.promise.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.async-iterator.some.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
+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.set.add-all.js");
+require("core-js/modules/esnext.set.delete-all.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.difference.js");
+require("core-js/modules/esnext.set.every.js");
+require("core-js/modules/esnext.set.filter.js");
+require("core-js/modules/esnext.set.find.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.intersection.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.js");
+require("core-js/modules/esnext.set.join.js");
+require("core-js/modules/esnext.set.map.js");
+require("core-js/modules/esnext.set.reduce.js");
+require("core-js/modules/esnext.set.some.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.js");
+require("core-js/modules/esnext.set.union.v2.js");
+require("core-js/modules/esnext.set.union.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.timers.js");
 var _logger = require("agora-foundation/lib/logger");
 var _mobx = require("mobx");
-var _type = require("agora-edu-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
 var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
 var _virtualBackdoundResources = require("../modules/device-pretest/assets/virtual-backdound-resources");
 var _tools = require("../utilities/tools");
 var _observable = require("agora-foundation/lib/utilities/observable");
-var _type2 = require("agora-rte-sdk/lib/core/rtc/type");
+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 _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, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _init__handleSpeakerVolumeUpdated, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleMicrophoneChangedDecs, _handleSpeakerChangedDecs, _handleCameraListUpdatedDecs, _handleMicrophoneListUpdatedDecs, _handleSpeakerListUpdatedDecs, _handleVideoShowChangedDecs, _handleMicrophoneEnabledChangedDecs, _ref;
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+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;
+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; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
@@ -115,7 +168,7 @@ 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], _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");
+_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 FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   function FcrDeviceStore(_userName, _mediaControl) {
     var _this = this;
@@ -124,7 +177,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_observable", new _observable.AgoraObservable());
     (0, _defineProperty2["default"])(this, "_listeners", []);
     (0, _defineProperty2["default"])(this, "_localVideoViewSet", new Set());
-    (0, _defineProperty2["default"])(this, "_videoRotation", _type2.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0);
+    (0, _defineProperty2["default"])(this, "_videoRotation", _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0);
     // 强制开启美颜
     (0, _defineProperty2["default"])(this, "_isForceEnableBeauty", false);
     // 强制开启虚拟背景
@@ -133,7 +186,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_lastEnableVideoEffectType", VideoEffectType.NONE);
     // microphone observer
     (0, _defineProperty2["default"])(this, "_microphoneObserver", {
-      onAudioVolumeUpdated: this._handleMicrophoneVolumeIndicationUpdated
+      onVolumeIndicationUpdated: this._handleMicrophoneVolumeIndicationUpdated
     });
     (0, _defineProperty2["default"])(this, "_defaultMirror", true);
     (0, _defineProperty2["default"])(this, "_volumeIndicationInterval", 200);
@@ -169,7 +222,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _U, _init_enableBeauty(this, false));
     _classPrivateFieldInitSpec(this, _V, _init_currentBeautyKey(this, 'none'));
     _classPrivateFieldInitSpec(this, _W, _init_beautyOptions(this, {
-      lighteningContrastLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE,
+      lighteningContrastLevel: 0,
       lighteningLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE,
       smoothnessLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE,
       sharpnessLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE,
@@ -198,15 +251,15 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       return _this.microphoneEnabled;
     }, this._handleMicrophoneEnabledChanged));
     _mediaControl.addObserver({
-      onCameraListAdded: this._handleCameraListUpdated,
-      onCameraListRemoved: this._handleCameraListUpdated,
-      onMicrophoneListAdded: this._handleMicrophoneListUpdated,
-      onMicrophoneListRemoved: this._handleMicrophoneListUpdated,
-      onSpeakerListAdded: this._handleSpeakerListUpdated,
-      onSpeakerListRemoved: this._handleSpeakerListUpdated,
+      onCameraAdded: this._handleCameraListUpdated,
+      onCameraRemoved: this._handleCameraListUpdated,
+      onMicrophoneAdded: this._handleMicrophoneListUpdated,
+      onMicrophoneRemoved: this._handleMicrophoneListUpdated,
+      onSpeakerAdded: this._handleSpeakerListUpdated,
+      onSpeakerRemoved: this._handleSpeakerListUpdated,
       onSpeakerTestVolumeIndicationUpdated: this._handleSpeakerTestVolumeIndicationUpdated,
       // TODO: pretest 页面, 底层没有回调
-      onSpeakerVolumeUpdated: this._handleSpeakerVolumeUpdated
+      onSelectedSpeakerVolumeUpdated: this._handleSpeakerVolumeUpdated
     });
     this._handleCameraListUpdated();
     this._handleMicrophoneListUpdated();
@@ -494,9 +547,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       var isMirror = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.currentIsMirror;
       if (!this.cameraId || !view) return;
       this._localVideoViewSet.add(view);
-      this._cameraVideoTrack = this._mediaControl.getCameraVideoTrack(this.cameraId);
+      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
       this._cameraVideoTrack.startPreview({
-        renderMode: _type.FcrVideoRenderMode.HIDDEN,
+        renderMode: _agoraEduCore.FcrVideoRenderMode.HIDDEN,
         isMirror: isMirror
       }, view);
       this.currentIsMirror = isMirror;
@@ -512,26 +565,30 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "startSpeakerTest",
     value: function startSpeakerTest() {
-      var _this2 = this;
+      var _this$_microphoneAudi,
+        _this2 = this;
       if (!this._speakerDeviceId) return;
-      this._mediaControl.setSpeaker(this._speakerDeviceId);
+      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 interval = this._volumeIndicationInterval;
       var sleep = 3000;
-      this._mediaControl.startSpeakerTest(soundUrl, interval);
+      this._mediaControl.startSelectedSpeakerTest(soundUrl, interval);
       this.speakerDetecting = true;
       this._playAudioTimer && clearInterval(this._playAudioTimer);
       this._playAudioTimer = setInterval(function () {
-        _this2._mediaControl.startSpeakerTest(soundUrl, interval);
+        _this2._mediaControl.startSelectedSpeakerTest(soundUrl, interval);
       }, sleep);
     }
   }, {
     key: "stopSpeakerTest",
     value: function stopSpeakerTest() {
+      var _this$_microphoneAudi2;
       this.speakerVolumeLevel = 0;
+      this.microphoneEnabled && ((_this$_microphoneAudi2 = this._microphoneAudioTrack) === null || _this$_microphoneAudi2 === void 0 ? void 0 : _this$_microphoneAudi2.start());
       this.speakerDetecting = false;
       this._playAudioTimer && clearInterval(this._playAudioTimer);
-      this._mediaControl.stopSpeakerTest();
+      this._mediaControl.stopSelectedSpeakerTest();
     }
   }, {
     key: "setCurrentIsMirror",
@@ -547,7 +604,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
         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: _type.FcrVideoRenderMode.HIDDEN,
+          renderMode: _agoraEduCore.FcrVideoRenderMode.HIDDEN,
           isMirror: mirror
         }, view);
       });
@@ -557,7 +614,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     value: function setBeautyOptions(beautyOption) {
       Object.assign(this.beautyOptions, beautyOption);
       if (!this.cameraId) return;
-      this._cameraVideoTrack = this._mediaControl.getCameraVideoTrack(this.cameraId);
+      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
       this._cameraVideoTrack.getVideoEffectEnhancer().setBeautyOptions({
         lighteningContrastLevel: (0, _tools.convertToFixedNumber)(this.beautyOptions.lighteningContrastLevel),
         lighteningLevel: (0, _tools.convertToFixedNumber)(this.beautyOptions.lighteningLevel),
@@ -593,8 +650,8 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     key: "setVideoOrientation",
     value: function setVideoOrientation() {
       var _this$_cameraVideoTra2;
-      if (this._videoRotation === _type2.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_270) {
-        this._videoRotation = _type2.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0;
+      if (this._videoRotation === _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_270) {
+        this._videoRotation = _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0;
       } else {
         this._videoRotation = this._videoRotation + 1;
       }
@@ -633,24 +690,24 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "startMicrophoneTest",
     value: function startMicrophoneTest() {
-      var _this$_microphoneAudi;
+      var _this$_microphoneAudi3;
       if (!this._microphoneDeviceId) return;
       this.microphoneDetecting = true;
-      (_this$_microphoneAudi = this._microphoneAudioTrack) === null || _this$_microphoneAudi === void 0 || _this$_microphoneAudi.startTest(this._volumeIndicationInterval);
+      (_this$_microphoneAudi3 = this._microphoneAudioTrack) === null || _this$_microphoneAudi3 === void 0 || _this$_microphoneAudi3.startTest(this._volumeIndicationInterval);
     }
   }, {
     key: "stopMicrophoneTest",
     value: function stopMicrophoneTest() {
-      var _this$_microphoneAudi2;
+      var _this$_microphoneAudi4;
       this.microphoneVolumeLevel = 0;
       this.microphoneDetecting = false;
-      (_this$_microphoneAudi2 = this._microphoneAudioTrack) === null || _this$_microphoneAudi2 === void 0 || _this$_microphoneAudi2.stopTest();
+      (_this$_microphoneAudi4 = this._microphoneAudioTrack) === null || _this$_microphoneAudi4 === void 0 || _this$_microphoneAudi4.stopTest();
     }
   }, {
     key: "enableVirtualBackground",
     value: function enableVirtualBackground(enable, source) {
       if (!this.cameraId) return;
-      this._cameraVideoTrack = this._mediaControl.getCameraVideoTrack(this.cameraId);
+      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
       if (source) {
         this.currentVirtualBackgroundName = source.name;
         this._cameraVideoTrack.getVideoEffectEnhancer().setVirtualBackgroundOptions({
@@ -682,7 +739,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     key: "enableBeautyEffect",
     value: function enableBeautyEffect(enable) {
       if (!this.cameraId) return;
-      this._cameraVideoTrack = this._mediaControl.getCameraVideoTrack(this.cameraId);
+      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
       if (!enable) {
         this.enableBeauty = false;
         this.setEditBeautyKey('none');
@@ -707,7 +764,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     key: "enableAudioHiFiMode",
     value: function enableAudioHiFiMode(enable) {
       if (!this._microphoneDeviceId) return;
-      var microphoneAudioTrack = this._mediaControl.getMicrophoneAudioTrack(this._microphoneDeviceId);
+      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
       if (enable) {
         microphoneAudioTrack.getAudioEffectEnhancer().enableHiFiMode();
         return;
@@ -720,7 +777,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     key: "enableAudioEchoCancellation",
     value: function enableAudioEchoCancellation(enable) {
       if (!this._microphoneDeviceId) return;
-      var microphoneAudioTrack = this._mediaControl.getMicrophoneAudioTrack(this._microphoneDeviceId);
+      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
       if (enable) {
         microphoneAudioTrack.getAudioEffectEnhancer().enableEchoCancellation();
         return;
@@ -733,7 +790,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     key: "enableAudioStereo",
     value: function enableAudioStereo(enable) {
       if (!this._microphoneDeviceId) return;
-      var microphoneAudioTrack = this._mediaControl.getMicrophoneAudioTrack(this._microphoneDeviceId);
+      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
       if (enable) {
         microphoneAudioTrack.getAudioEffectEnhancer().enableStereoMode();
         return;
@@ -746,7 +803,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     key: "setNoiseLevel",
     value: function setNoiseLevel(level) {
       if (!this._microphoneDeviceId) return;
-      var microphoneAudioTrack = this._mediaControl.getMicrophoneAudioTrack(this._microphoneDeviceId);
+      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
       microphoneAudioTrack.getAudioEffectEnhancer().enableAiDenoiser();
       microphoneAudioTrack.getAudioEffectEnhancer().setAiDenoiseLevel(level);
     }
@@ -755,12 +812,12 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     value: function setCameraId(cameraId) {
       if (this.cameraId === cameraId) return;
       var enable = this.showCameraPreview;
-      var cameraTrack = this._mediaControl.getCameraVideoTrack(this.cameraId);
+      var cameraTrack = this._mediaControl.getCameraTrack(this.cameraId);
       // stop current camera track
       cameraTrack === null || cameraTrack === void 0 || cameraTrack.stopTest();
       cameraTrack === null || cameraTrack === void 0 || cameraTrack.stop();
       if (cameraId) {
-        var _cameraTrack = this._mediaControl.getCameraVideoTrack(cameraId);
+        var _cameraTrack = this._mediaControl.getCameraTrack(cameraId);
         if (enable) {
           _cameraTrack.start();
         }
@@ -772,7 +829,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "setSpeakerId",
     value: function () {
-      var _setSpeakerId = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(speakerId) {
+      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(speakerId) {
         var _this4 = this;
         var speakerDeviceId, defaultDevice;
         return _regenerator["default"].wrap(function _callee$(_context) {
@@ -800,7 +857,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               speakerDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
             case 9:
               if (speakerDeviceId) {
-                this._mediaControl.setSpeaker(speakerDeviceId);
+                this._mediaControl.setSelectedSpeaker(speakerDeviceId);
               }
               (0, _mobx.runInAction)(function () {
                 _this4._speakerDeviceId = speakerDeviceId;
@@ -827,9 +884,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "setMicrophoneId",
     value: function () {
-      var _setMicrophoneId = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(microphoneId) {
-        var _this$_microphoneAudi3,
-          _this$_microphoneAudi4,
+      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(microphoneId) {
+        var _this$_microphoneAudi5,
+          _this$_microphoneAudi6,
           _this5 = this;
         var microphoneDeviceId, defaultDevice, microphoneTrack;
         return _regenerator["default"].wrap(function _callee2$(_context2) {
@@ -841,25 +898,26 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
               }
               return _context2.abrupt("return");
             case 2:
-              (_this$_microphoneAudi3 = this._microphoneAudioTrack) === null || _this$_microphoneAudi3 === void 0 || _this$_microphoneAudi3.removeObserver(this._microphoneObserver);
-              (_this$_microphoneAudi4 = this._microphoneAudioTrack) === null || _this$_microphoneAudi4 === void 0 || _this$_microphoneAudi4.stop();
+              (_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 = 15;
+                _context2.next = 16;
                 break;
               }
               microphoneDeviceId = microphoneId;
               if (!(microphoneDeviceId === DEFAULT_DEVICE_ID)) {
-                _context2.next = 11;
+                _context2.next = 12;
                 break;
               }
-              _context2.next = 9;
+              _context2.next = 10;
               return this._mediaControl.getSystemSelectedMicrophone();
-            case 9:
+            case 10:
               defaultDevice = _context2.sent;
               microphoneDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
-            case 11:
+            case 12:
               if (microphoneDeviceId) {
-                microphoneTrack = this._mediaControl.getMicrophoneAudioTrack(microphoneDeviceId);
+                microphoneTrack = this._mediaControl.getMicrophoneTrack(microphoneDeviceId);
                 microphoneTrack.addObserver(this._microphoneObserver);
                 if (this.microphoneEnabled) {
                   microphoneTrack.start();
@@ -870,14 +928,14 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 _this5._microphoneDeviceId = microphoneDeviceId;
                 _this5.microphoneId = microphoneId;
               });
-              _context2.next = 17;
+              _context2.next = 18;
               break;
-            case 15:
+            case 16:
               this._microphoneDeviceId = microphoneId;
               this.microphoneId = microphoneId;
-            case 17:
-              this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDeviceId);
             case 18:
+              this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDeviceId);
+            case 19:
             case "end":
               return _context2.stop();
           }
@@ -891,9 +949,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "setMicrophoneVolume",
     value: function setMicrophoneVolume(value) {
-      var _this$_microphoneAudi5;
+      var _this$_microphoneAudi7;
       this.microphoneVolume = value;
-      (_this$_microphoneAudi5 = this._microphoneAudioTrack) === null || _this$_microphoneAudi5 === void 0 || _this$_microphoneAudi5.adjustVolume(value);
+      (_this$_microphoneAudi7 = this._microphoneAudioTrack) === null || _this$_microphoneAudi7 === void 0 || _this$_microphoneAudi7.adjustVolume(value);
     }
   }, {
     key: "actionsBeforeJoin",
@@ -944,7 +1002,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       if (enabled) {
         localVideoViewSet.forEach(function (view) {
           cameraTrack === null || cameraTrack === void 0 || cameraTrack.startPreview({
-            renderMode: _type.FcrVideoRenderMode.HIDDEN,
+            renderMode: _agoraEduCore.FcrVideoRenderMode.HIDDEN,
             isMirror: _this6.currentIsMirror
           }, view);
         });
@@ -953,29 +1011,47 @@ 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 _callee3(uiResource) {
         var _uiResource$virtualBa,
           _this7 = this,
           _uiResource$virtualBa2;
-        var isWeb;
         return _regenerator["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              isWeb = !(0, _env.isElectron)();
               Promise.all([// images
-              uiResource === null || uiResource === void 0 || (_uiResource$virtualBa = uiResource.virtualBackgroundImages) === null || _uiResource$virtualBa === void 0 ? void 0 : _uiResource$virtualBa.map(function (image) {
-                if (isWeb) {
-                  return _this7._fileToUiData(image, 'image');
+              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({
+                      url: url,
+                      name: (0, _tools.getFileNameWithoutExtension)(url),
+                      path: url,
+                      type: _virtualBackdoundResources.VirtualOption.IMG
+                    });
+                    _this7._updateVirtualBackgroundList(_this7.virtualBackgroundList);
+                  });
+                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
+                  return _this7._fetchZipAndUnzip(url, 'image');
                 }
-                return _this7._fetchZipAndUnzip(image, '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 (video) {
-                if (isWeb) {
-                  return _this7._fileToUiData(video, 'video');
+              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({
+                      url: url,
+                      name: (0, _tools.getFileNameWithoutExtension)(url),
+                      path: url,
+                      type: _virtualBackdoundResources.VirtualOption.VIDEO
+                    });
+                    _this7._updateVirtualBackgroundList(_this7.virtualBackgroundList);
+                  });
+                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
+                  return _this7._fetchZipAndUnzip(url, 'video');
                 }
-                return _this7._fetchZipAndUnzip(video, 'video');
+                return Promise.resolve();
               })]);
-            case 2:
+            case 1:
             case "end":
               return _context3.stop();
           }
@@ -991,7 +1067,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
     value: function release() {
       var _this8 = this,
         _this$_cameraVideoTra3,
-        _this$_microphoneAudi6;
+        _this$_microphoneAudi8;
       if (this._localVideoViewSet.size > 0) {
         this._localVideoViewSet.forEach(function (view) {
           var _this8$_cameraVideoTr;
@@ -1001,13 +1077,13 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
       }
       (_this$_cameraVideoTra3 = this._cameraVideoTrack) === null || _this$_cameraVideoTra3 === void 0 || _this$_cameraVideoTra3.stop();
       this._cameraVideoTrack = undefined;
-      (_this$_microphoneAudi6 = this._microphoneAudioTrack) === null || _this$_microphoneAudi6 === void 0 || _this$_microphoneAudi6.stop();
+      (_this$_microphoneAudi8 = this._microphoneAudioTrack) === null || _this$_microphoneAudi8 === void 0 || _this$_microphoneAudi8.stop();
       this._microphoneAudioTrack = undefined;
     }
   }, {
     key: "_fileToUiData",
     value: function () {
-      var _fileToUiData2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(resource, type) {
+      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) {
             case 0:
@@ -1065,7 +1141,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_fetchZipAndUnzip",
     value: function () {
-      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(url, type) {
+      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(url, type) {
         var _this11 = this;
         var md5Url, resource;
         return _regenerator["default"].wrap(function _callee5$(_context5) {
@@ -1136,9 +1212,9 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
         var _this12 = this;
-        var currentDeviceExist, cameraEnabled, deviceId;
+        var currentDeviceExist, cameraEnabled, deviceId, _deviceId;
         return _regenerator["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -1166,8 +1242,16 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                   }
                 }
               }
-              this._observable.notifyObservers('onCameraListUpdated', this.cameraList, currentDeviceExist);
-            case 6:
+
+              // select the first camera in the list as default
+              if (!currentDeviceExist) {
+                if (this.cameraList.length > 0) {
+                  _deviceId = this.cameraList[0].deviceId;
+                  this.setCameraId(_deviceId);
+                }
+              }
+              this._observable.notifyObservers('onCameraListUpdated', this.cameraList);
+            case 7:
             case "end":
               return _context6.stop();
           }
@@ -1181,7 +1265,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleMicrophoneListUpdated",
     value: function () {
-      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
         var _this13 = this;
         var microphoneList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, id;
         return _regenerator["default"].wrap(function _callee7$(_context7) {
@@ -1205,11 +1289,15 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 if (!defaultIdDevice && defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceName) {
                   _this13.microphoneList.unshift({
                     deviceId: DEFAULT_DEVICE_ID,
-                    deviceName: 'Follow System - ' + (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName)
+                    deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                      reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
+                    })
                   });
                 }
                 if (defaultIdDevice && defaultIdDevice.deviceName) {
-                  defaultIdDevice.deviceName = 'Follow System - ' + defaultIdDevice.deviceName;
+                  defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                    reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
+                  });
                 }
               });
               if (this.followSystemMicrophoneDevice) {
@@ -1245,7 +1333,7 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
   }, {
     key: "_handleSpeakerListUpdated",
     value: function () {
-      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
         var _this14 = this;
         var speakerList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, id;
         return _regenerator["default"].wrap(function _callee8$(_context8) {
@@ -1269,10 +1357,14 @@ var FcrDeviceStore = exports.FcrDeviceStore = /*#__PURE__*/function () {
                 if (!defaultIdDevice) {
                   _this14.speakerList.unshift({
                     deviceId: DEFAULT_DEVICE_ID,
-                    deviceName: 'Follow System - ' + (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName)
+                    deviceName: (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                      reason1: defaultDevice ? defaultDevice.deviceName : (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                    })
                   });
                 } else {
-                  defaultIdDevice.deviceName = 'Follow System - ' + defaultIdDevice.deviceName;
+                  defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                    reason1: defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceName
+                  });
                 }
               });
               if (this.followSystemSpeakerDevice) {
@@ -1344,7 +1436,7 @@ 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, "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"], [_decorator.bound, 2, "_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$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);
 _init__microphoneDeviceId = _applyDecs$e2[0];
 _init__speakerDeviceId = _applyDecs$e2[1];