fcr-ui-scene 3.3.1 → 3.4.1

package/lib/providers/device-provider.js

@@ -0,0 +1,1741 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.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.symbol.metadata.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrUIDeviceProviderImpl = exports.DEFAULT_DEVICE_ID = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.array.unshift.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+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.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/esnext.set.add-all.js");
+require("core-js/modules/esnext.set.delete-all.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+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 _imports = require("fcr-core/lib/imports");
+var _base = require("../base");
+var _env = require("agora-foundation/lib/utilities/env");
+var _fcrCore = require("fcr-core");
+var _type = require("agora-rte-sdk/lib/core/rtc/type");
+var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobx = require("mobx");
+var _virtualBackdoundResources = require("../modules/device-pretest/assets/virtual-backdound-resources");
+var _type2 = require("../type");
+var _constant = require("../utilities/constant");
+var _tools = require("../utilities/tools");
+var _FcrUIDeviceProviderImpl;
+var _initProto, _init__microphoneDeviceId, _init__speakerDeviceId, _init_currentIsMirror, _init_showForceOpenEffectDialog, _init_cameraId, _init_microphoneId, _init_speakerId, _init_cameraEnabled, _init_showCameraPreview, _init_microphoneEnabled, _init_cameraList, _init_microphoneList, _init_microphoneVolumeLevel, _init_speakerList, _init_isLocalMirrorEnabled, _init_isLocalEditBeautyOptions, _init_speakerVolumeLevel, _init_speakerVolume, _init_microphoneVolume, _init_virtualBackgroundName, _init_enableBeauty, _init_beautyKey, _init_beautyOptions, _init_virtualBackgroundList, _init_soundEffectList, _init_microphoneDetecting, _init_speakerDetecting, _init_connectType, _init_isAudioConnected, _init_isMainRoomAudioOff, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _startSpeakerTestDecs, _stopSpeakerTestDecs, _setCurrentIsMirrorDecs, _toggleLocalMirrorPreviewDecs, _setBeautyOptionsDecs, _handleCancelForceOpenVideoEffectDecs, _handleForceOpenVideoEffectDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _toggleLocalMirrorDecs, _resetMirrorDecs, _startMicrophoneTestDecs, _stopMicrophoneTestDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _enableBeautyEffectDecs, _setCameraIdDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setSpeakerVolumeDecs, _setMicrophoneVolumeDecs, _actionsBeforeJoinDecs, _downloadUiResourcesDecs, _setConnectTypeDecs, _updateVirtualBackgroundListDecs, _handleSpeakerTestVolumeIndicationUpdatedDecs, _handleSpeakerVolumeUpdatedDecs, _handleMicrophoneVolumeIndicationUpdatedDecs, _handleCameraListUpdatedDecs, _handleMicrophoneListUpdatedDecs, _handleSpeakerListUpdatedDecs, _setAudioConnectedDecs, _setMainRoomAudioOffDecs, _ref;
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+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"); }
+function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
+function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
+// device id for default device (follow system)
+var DEFAULT_DEVICE_ID = exports.DEFAULT_DEVICE_ID = 'default';
+var mapDevice2Option = function mapDevice2Option(deviceList) {
+  return deviceList.map(function (item) {
+    return {
+      text: item.deviceName,
+      value: item.deviceId
+    };
+  });
+};
+var _A = /*#__PURE__*/new WeakMap();
+var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
+var _D = /*#__PURE__*/new WeakMap();
+var _E = /*#__PURE__*/new WeakMap();
+var _F = /*#__PURE__*/new WeakMap();
+var _G = /*#__PURE__*/new WeakMap();
+var _H = /*#__PURE__*/new WeakMap();
+var _I = /*#__PURE__*/new WeakMap();
+var _J = /*#__PURE__*/new WeakMap();
+var _K = /*#__PURE__*/new WeakMap();
+var _L = /*#__PURE__*/new WeakMap();
+var _M = /*#__PURE__*/new WeakMap();
+var _N = /*#__PURE__*/new WeakMap();
+var _O = /*#__PURE__*/new WeakMap();
+var _P = /*#__PURE__*/new WeakMap();
+var _Q = /*#__PURE__*/new WeakMap();
+var _R = /*#__PURE__*/new WeakMap();
+var _S = /*#__PURE__*/new WeakMap();
+var _T = /*#__PURE__*/new WeakMap();
+var _U = /*#__PURE__*/new WeakMap();
+var _V = /*#__PURE__*/new WeakMap();
+var _W = /*#__PURE__*/new WeakMap();
+var _X = /*#__PURE__*/new WeakMap();
+var _Y = /*#__PURE__*/new WeakMap();
+var _Z = /*#__PURE__*/new WeakMap();
+var _a = /*#__PURE__*/new WeakMap();
+var _b = /*#__PURE__*/new WeakMap();
+var _c = /*#__PURE__*/new WeakMap();
+var _d = /*#__PURE__*/new WeakMap();
+_ref = (_startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _startSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _stopSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _setCurrentIsMirrorDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorPreviewDecs = [_mobx.action, _mobx.action.bound], _setBeautyOptionsDecs = [_mobx.action, _mobx.action.bound], _handleCancelForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _handleForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneEnabledDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorDecs = [_mobx.action, _mobx.action.bound], _resetMirrorDecs = [_mobx.action, _mobx.action.bound], _startMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _stopMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _enableVirtualBackgroundDecs = [_mobx.action, _mobx.action.bound], _setEditBeautyKeyDecs = [_mobx.action, _mobx.action.bound], _enableBeautyEffectDecs = [_mobx.action, _mobx.action.bound], _setCameraIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneVolumeDecs = [_mobx.action, _mobx.action.bound], _actionsBeforeJoinDecs = [_mobx.action, _mobx.action.bound], _downloadUiResourcesDecs = [_mobx.action, _mobx.action.bound], _setConnectTypeDecs = [_mobx.action, _mobx.action.bound], _updateVirtualBackgroundListDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerTestVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneVolumeIndicationUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleCameraListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleMicrophoneListUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleSpeakerListUpdatedDecs = [_mobx.action, _mobx.action.bound], _setAudioConnectedDecs = [_mobx.action, _mobx.action.bound], _setMainRoomAudioOffDecs = [_mobx.action, _mobx.action.bound], "logger");
+var FcrUIDeviceProviderImpl = exports.FcrUIDeviceProviderImpl = /*#__PURE__*/function () {
+  function FcrUIDeviceProviderImpl(_eventProvider, _mediaControl, _mediaConfig) {
+    var _this = this;
+    (0, _classCallCheck2["default"])(this, FcrUIDeviceProviderImpl);
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _imports.getLogger)()));
+    (0, _defineProperty2["default"])(this, "_observable", new _imports.AgoraObservable());
+    (0, _defineProperty2["default"])(this, "_listeners", []);
+    (0, _defineProperty2["default"])(this, "_hasExecutedOpenCamera", false);
+    (0, _defineProperty2["default"])(this, "_hasExecutedConnectAudio", false);
+    (0, _defineProperty2["default"])(this, "_isAudioConnected", false);
+    (0, _defineProperty2["default"])(this, "_localVideoViewSet", new Set());
+    (0, _defineProperty2["default"])(this, "_videoRotation", _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0);
+    // 强制开启美颜
+    (0, _defineProperty2["default"])(this, "_isForceEnableBeauty", false);
+    // 强制开启虚拟背景
+    (0, _defineProperty2["default"])(this, "_isForceEnableVirtualBackground", false);
+    // 上次操作特效的类型
+    (0, _defineProperty2["default"])(this, "_lastEnableVideoEffectType", _type2.FcrUIVideoEffectType.NONE);
+    // microphone observer
+    (0, _defineProperty2["default"])(this, "_microphoneObserver", {
+      onVolumeIndicationUpdated: this._handleMicrophoneVolumeIndicationUpdated
+    });
+    (0, _defineProperty2["default"])(this, "_defaultMirror", true);
+    (0, _defineProperty2["default"])(this, "_volumeIndicationInterval", 200);
+    (0, _defineProperty2["default"])(this, "_microponeInitCount", 0);
+    (0, _defineProperty2["default"])(this, "_speakerInitCount", 0);
+    // real microphone device id
+    _classPrivateFieldInitSpec(this, _A, _init__microphoneDeviceId(this, ''));
+    // real speaker device id
+    _classPrivateFieldInitSpec(this, _B, _init__speakerDeviceId(this, ''));
+    // 是否开启镜像
+    _classPrivateFieldInitSpec(this, _C, _init_currentIsMirror(this, false));
+    // 是否展示展示强制开启特效弹窗
+    _classPrivateFieldInitSpec(this, _D, _init_showForceOpenEffectDialog(this, false));
+    // 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'));
+    // selected speaker id, for ui display, could be 'default' or real device id
+    _classPrivateFieldInitSpec(this, _G, _init_speakerId(this, 'default'));
+    _classPrivateFieldInitSpec(this, _H, _init_cameraEnabled(this, false));
+    _classPrivateFieldInitSpec(this, _I, _init_showCameraPreview(this, false));
+    _classPrivateFieldInitSpec(this, _J, _init_microphoneEnabled(this, false));
+    _classPrivateFieldInitSpec(this, _K, _init_cameraList(this, []));
+    _classPrivateFieldInitSpec(this, _L, _init_microphoneList(this, []));
+    _classPrivateFieldInitSpec(this, _M, _init_microphoneVolumeLevel(this, 0));
+    _classPrivateFieldInitSpec(this, _N, _init_speakerList(this, []));
+    _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, _S, _init_microphoneVolume(this, 100));
+    _classPrivateFieldInitSpec(this, _T, _init_virtualBackgroundName(this, 'None'));
+    _classPrivateFieldInitSpec(this, _U, _init_enableBeauty(this, false));
+    _classPrivateFieldInitSpec(this, _V, _init_beautyKey(this, 'none'));
+    _classPrivateFieldInitSpec(this, _W, _init_beautyOptions(this, {
+      lighteningContrastLevel: 0,
+      lighteningLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE,
+      smoothnessLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE,
+      sharpnessLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE,
+      rednessLevel: _localVideoPlayer.DEFAULT_BEAUTY_VALUE
+    }));
+    _classPrivateFieldInitSpec(this, _X, _init_virtualBackgroundList(this, []));
+    _classPrivateFieldInitSpec(this, _Y, _init_soundEffectList(this, new Map()));
+    _classPrivateFieldInitSpec(this, _Z, _init_microphoneDetecting(this, false));
+    _classPrivateFieldInitSpec(this, _a, _init_speakerDetecting(this, false));
+    _classPrivateFieldInitSpec(this, _b, _init_connectType(this, _type2.FcrUIConnectType.NONE));
+    _classPrivateFieldInitSpec(this, _c, _init_isAudioConnected(this, false));
+    _classPrivateFieldInitSpec(this, _d, _init_isMainRoomAudioOff(this, false));
+    this._eventProvider = _eventProvider;
+    this._mediaControl = _mediaControl;
+    this._mediaConfig = _mediaConfig;
+    this._listeners.push((0, _mobx.reaction)(function () {
+      return _this.cameraId;
+    }, this._handleCameraChanged));
+    _mediaControl.addObserver({
+      onCameraAdded: this._handleCameraListUpdated,
+      onCameraRemoved: this._handleCameraListUpdated,
+      onMicrophoneAdded: this._handleMicrophoneListUpdated,
+      onMicrophoneRemoved: this._handleMicrophoneListUpdated,
+      onSpeakerAdded: this._handleSpeakerListUpdated,
+      onSpeakerRemoved: this._handleSpeakerListUpdated,
+      onSpeakerTestVolumeIndicationUpdated: this._handleSpeakerTestVolumeIndicationUpdated,
+      onSelectedSpeakerVolumeUpdated: this._handleSpeakerVolumeUpdated
+    });
+    (0, _mobx.runInAction)(function () {
+      _this.speakerVolume = _this._mediaControl.getSelectedSpeakerVolume();
+    });
+  }
+  return (0, _createClass2["default"])(FcrUIDeviceProviderImpl, [{
+    key: "_microphoneDeviceId",
+    get: function get() {
+      return _classPrivateFieldGet(_A, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_A, this, v);
+    }
+  }, {
+    key: "_speakerDeviceId",
+    get: function get() {
+      return _classPrivateFieldGet(_B, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_B, this, v);
+    }
+  }, {
+    key: "currentIsMirror",
+    get: function get() {
+      return _classPrivateFieldGet(_C, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_C, this, v);
+    }
+  }, {
+    key: "showForceOpenEffectDialog",
+    get: function get() {
+      return _classPrivateFieldGet(_D, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_D, this, v);
+    }
+  }, {
+    key: "cameraId",
+    get: function get() {
+      return _classPrivateFieldGet(_E, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_E, this, v);
+    }
+  }, {
+    key: "microphoneId",
+    get: function get() {
+      return _classPrivateFieldGet(_F, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_F, this, v);
+    }
+  }, {
+    key: "speakerId",
+    get: function get() {
+      return _classPrivateFieldGet(_G, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_G, this, v);
+    }
+  }, {
+    key: "cameraEnabled",
+    get: function get() {
+      return _classPrivateFieldGet(_H, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_H, this, v);
+    }
+  }, {
+    key: "showCameraPreview",
+    get: function get() {
+      return _classPrivateFieldGet(_I, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_I, this, v);
+    }
+  }, {
+    key: "microphoneEnabled",
+    get: function get() {
+      return _classPrivateFieldGet(_J, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_J, this, v);
+    }
+  }, {
+    key: "cameraList",
+    get: function get() {
+      return _classPrivateFieldGet(_K, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_K, this, v);
+    }
+  }, {
+    key: "microphoneList",
+    get: function get() {
+      return _classPrivateFieldGet(_L, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_L, this, v);
+    }
+  }, {
+    key: "microphoneVolumeLevel",
+    get: function get() {
+      return _classPrivateFieldGet(_M, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_M, this, v);
+    }
+  }, {
+    key: "speakerList",
+    get: function get() {
+      return _classPrivateFieldGet(_N, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_N, this, v);
+    }
+  }, {
+    key: "isLocalMirrorEnabled",
+    get: function get() {
+      return _classPrivateFieldGet(_O, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_O, this, v);
+    }
+  }, {
+    key: "isLocalEditBeautyOptions",
+    get: function get() {
+      return _classPrivateFieldGet(_P, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_P, this, v);
+    }
+  }, {
+    key: "speakerVolumeLevel",
+    get: function get() {
+      return _classPrivateFieldGet(_Q, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Q, this, v);
+    }
+  }, {
+    key: "speakerVolume",
+    get: function get() {
+      return _classPrivateFieldGet(_R, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_R, this, v);
+    }
+  }, {
+    key: "microphoneVolume",
+    get: function get() {
+      return _classPrivateFieldGet(_S, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_S, this, v);
+    }
+  }, {
+    key: "virtualBackgroundName",
+    get: function get() {
+      return _classPrivateFieldGet(_T, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_T, this, v);
+    }
+  }, {
+    key: "enableBeauty",
+    get: function get() {
+      return _classPrivateFieldGet(_U, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_U, this, v);
+    }
+  }, {
+    key: "beautyKey",
+    get: function get() {
+      return _classPrivateFieldGet(_V, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_V, this, v);
+    }
+  }, {
+    key: "beautyOptions",
+    get: function get() {
+      return _classPrivateFieldGet(_W, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_W, this, v);
+    }
+  }, {
+    key: "virtualBackgroundList",
+    get: function get() {
+      return _classPrivateFieldGet(_X, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_X, this, v);
+    }
+  }, {
+    key: "soundEffectList",
+    get: function get() {
+      return _classPrivateFieldGet(_Y, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Y, this, v);
+    }
+  }, {
+    key: "microphoneDetecting",
+    get: function get() {
+      return _classPrivateFieldGet(_Z, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Z, this, v);
+    }
+  }, {
+    key: "speakerDetecting",
+    get: function get() {
+      return _classPrivateFieldGet(_a, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_a, this, v);
+    }
+  }, {
+    key: "connectType",
+    get: function get() {
+      return _classPrivateFieldGet(_b, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_b, this, v);
+    }
+  }, {
+    key: "isAudioConnected",
+    get: function get() {
+      return _classPrivateFieldGet(_c, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_c, this, v);
+    }
+  }, {
+    key: "isMainRoomAudioOff",
+    get: // openCamera(): void {
+    //   throw new Error('Method not implemented.');
+    // }
+    // openMicrophone(): void {
+    //   throw new Error('Method not implemented.');
+    // }
+    // closeCamera(): void {
+    //   throw new Error('Method not implemented.');
+    // }
+    // closeMicrophone(): void {
+    //   throw new Error('Method not implemented.');
+    // }
+    function get() {
+      return _classPrivateFieldGet(_d, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_d, this, v);
+    }
+  }, {
+    key: "toggleCameraVideoOrientation",
+    value: function toggleCameraVideoOrientation() {
+      var _this$_cameraVideoTra;
+      if (this._videoRotation === _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_270) {
+        this._videoRotation = _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0;
+      } else {
+        this._videoRotation = this._videoRotation + 1;
+      }
+      (_this$_cameraVideoTra = this._cameraVideoTrack) === null || _this$_cameraVideoTra === void 0 || _this$_cameraVideoTra.setVideoOrientation(this._videoRotation);
+    }
+  }, {
+    key: "ifAccessMicrophone",
+    value: function () {
+      var _ifAccessMicrophone = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var hasSystemPermission;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              hasSystemPermission = true;
+              if (!(0, _env.isElectron)()) {
+                _context.next = 5;
+                break;
+              }
+              _context.next = 4;
+              return window.runtime.checkMediaPermission('microphone');
+            case 4:
+              hasSystemPermission = _context.sent;
+            case 5:
+              return _context.abrupt("return", hasSystemPermission);
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function ifAccessMicrophone() {
+        return _ifAccessMicrophone.apply(this, arguments);
+      }
+      return ifAccessMicrophone;
+    }()
+  }, {
+    key: "ifAccessCamera",
+    value: function () {
+      var _ifAccessCamera = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        var hasSystemPermission;
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              hasSystemPermission = true;
+              if (!(0, _env.isElectron)()) {
+                _context2.next = 5;
+                break;
+              }
+              _context2.next = 4;
+              return window.runtime.checkMediaPermission('camera');
+            case 4:
+              hasSystemPermission = _context2.sent;
+            case 5:
+              return _context2.abrupt("return", hasSystemPermission);
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function ifAccessCamera() {
+        return _ifAccessCamera.apply(this, arguments);
+      }
+      return ifAccessCamera;
+    }()
+  }, {
+    key: "ifNeedExecuteAutoConnectAudio",
+    value: function ifNeedExecuteAutoConnectAudio() {
+      return this._mediaConfig.autoConnectAudio && !this._hasExecutedConnectAudio;
+    }
+  }, {
+    key: "ifNeedExecuteConnectAudioOption",
+    value: function ifNeedExecuteConnectAudioOption() {
+      return !this._mediaConfig.autoConnectAudio && !this._hasExecutedConnectAudio;
+    }
+  }, {
+    key: "ifNeedExecuteOpenCamera",
+    value: function ifNeedExecuteOpenCamera() {
+      return !this._hasExecutedOpenCamera && !this._mediaConfig.cameraExpectedOff;
+    }
+  }, {
+    key: "connectAudio",
+    value: function connectAudio(includeMicrophone) {
+      if (includeMicrophone) {
+        // 如果 hasExecutedConnectAudio == false 且 presetConfig.microphoneExpectedOff == true 时 （第一次加入房间且在房间外设置期望麦克风关闭），
+        var dontNeedOpenMicrophone = !this._hasExecutedConnectAudio && this._mediaConfig.microphoneExpectedOff;
+        if (!dontNeedOpenMicrophone) {
+          // TODO: open default microphone
+          // this._mediaControl.getMicrophoneTrack('default').start();
+        }
+      }
+      this._hasExecutedConnectAudio = true;
+      this._mediaControl.adjustOutputVolume(100);
+      this._isAudioConnected = true;
+      this._observable.notifyObservers('onAudioConnected');
+    }
+  }, {
+    key: "disconnectAudio",
+    value: function disconnectAudio() {
+      this._hasExecutedConnectAudio = true;
+      this._isAudioConnected = false;
+      // TODO: stop default microphone
+      // this._mediaControl.getMicrophoneTrack('default').stop();
+      this._mediaControl.adjustOutputVolume(0);
+      this._observable.notifyObservers('onAudioDisconnected');
+    }
+  }, {
+    key: "defaultMirror",
+    get: function get() {
+      return this._defaultMirror;
+    }
+  }, {
+    key: "followSystemMicrophoneDevice",
+    get: function get() {
+      return this.microphoneId === DEFAULT_DEVICE_ID;
+    }
+  }, {
+    key: "followSystemSpeakerDevice",
+    get: function get() {
+      return this.speakerId === DEFAULT_DEVICE_ID;
+    }
+  }, {
+    key: "cameraDeviceList",
+    get: function get() {
+      return mapDevice2Option(this.cameraList);
+    }
+  }, {
+    key: "microphoneDeviceList",
+    get: function get() {
+      return mapDevice2Option(this.microphoneList);
+    }
+  }, {
+    key: "speakerDeviceList",
+    get: function get() {
+      return mapDevice2Option(this.speakerList);
+    }
+  }, {
+    key: "lastEnableVideoEffectType",
+    get: function get() {
+      return this._lastEnableVideoEffectType;
+    },
+    set: function set(type) {
+      this._lastEnableVideoEffectType = type;
+    }
+  }, {
+    key: "currentDeviceId",
+    get: function get() {
+      return {
+        cameraDeviceId: this.cameraId,
+        microphoneDeviceId: this._microphoneDeviceId,
+        speakerDeviceId: this._speakerDeviceId
+      };
+    }
+  }, {
+    key: "getCameraTrack",
+    value: function getCameraTrack(deviceId) {
+      return this._mediaControl.getCameraTrack(deviceId);
+    }
+  }, {
+    key: "getMicrophoneTrack",
+    value: function getMicrophoneTrack(deviceId) {
+      return this._mediaControl.getMicrophoneTrack(deviceId);
+    }
+  }, {
+    key: "getScreenTrack",
+    value: function getScreenTrack(id) {
+      return this._mediaControl.getScreenTrack(id);
+    }
+  }, {
+    key: "getLoopbackTrack",
+    value: function getLoopbackTrack(id) {
+      return this._mediaControl.getLoopbackTrack(id);
+    }
+  }, {
+    key: "checkLoopbackDevice",
+    value: function checkLoopbackDevice() {
+      return this._mediaControl.checkLoopbackDevice();
+    }
+  }, {
+    key: "isCapabilitySupported",
+    value: function isCapabilitySupported(type) {
+      return this._mediaControl.isCapabilitySupported(type);
+    }
+  }, {
+    key: "getWindowList",
+    value: function getWindowList() {
+      return this._mediaControl.getWindowList();
+    }
+  }, {
+    key: "getDisplayList",
+    value: function getDisplayList() {
+      return this._mediaControl.getDisplayList();
+    }
+  }, {
+    key: "screenTrack",
+    get: function get() {
+      return null;
+    }
+  }, {
+    key: "cameraTrack",
+    get: function get() {
+      return this._mediaControl.getCameraTrack(this.cameraId);
+    }
+  }, {
+    key: "microphoneTrack",
+    get: function get() {
+      return this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
+    }
+  }, {
+    key: "setSelectedSpeakerVolume",
+    value: function setSelectedSpeakerVolume(volume) {
+      this._mediaControl.setSelectedSpeakerVolume(volume);
+    }
+  }, {
+    key: "init",
+    value: function () {
+      var _init = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+        var _this2 = this;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.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:
+              _context3.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:
+              _context3.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 _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function init() {
+        return _init.apply(this, arguments);
+      }
+      return init;
+    }()
+  }, {
+    key: "addObserver",
+    value: function addObserver(observer) {
+      this._observable.addObserver(observer);
+    }
+  }, {
+    key: "removeObserver",
+    value: function removeObserver(observer) {
+      this._observable.removeObserver(observer);
+    }
+  }, {
+    key: "startPlayLocalVideo",
+    value: function startPlayLocalVideo(view) {
+      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.getCameraTrack(this.cameraId);
+      this._cameraVideoTrack.startPreview({
+        renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
+        isMirror: isMirror
+      }, view);
+      this.currentIsMirror = isMirror;
+    }
+  }, {
+    key: "stopPlayLocalVideo",
+    value: function stopPlayLocalVideo(view) {
+      var _this$_cameraVideoTra2;
+      if (!view) return;
+      this._localVideoViewSet["delete"](view);
+      (_this$_cameraVideoTra2 = this._cameraVideoTrack) === null || _this$_cameraVideoTra2 === void 0 || _this$_cameraVideoTra2.stopPreview(view);
+    }
+  }, {
+    key: "startSpeakerTest",
+    value: function startSpeakerTest() {
+      var _this$_microphoneAudi,
+        _this$soundEffectList,
+        _this$soundEffectList2,
+        _this3 = this;
+      if (!this._speakerDeviceId) return;
+      this.microphoneEnabled && ((_this$_microphoneAudi = this._microphoneAudioTrack) === null || _this$_microphoneAudi === void 0 ? void 0 : _this$_microphoneAudi.stop());
+      this._mediaControl.setSelectedSpeaker(this._speakerDeviceId);
+      var soundUrl = (0, _env.isElectron)() ? (_this$soundEffectList = this.soundEffectList.get('speaker_test')) === null || _this$soundEffectList === void 0 ? void 0 : _this$soundEffectList.md5Url : (_this$soundEffectList2 = this.soundEffectList.get('speaker_test')) === null || _this$soundEffectList2 === void 0 ? void 0 : _this$soundEffectList2.url;
+      var interval = this._volumeIndicationInterval;
+      var sleep = 3000;
+      this._mediaControl.startSelectedSpeakerTest(soundUrl || '', interval);
+      this.speakerDetecting = true;
+      this._playAudioTimer && clearInterval(this._playAudioTimer);
+      this._playAudioTimer = setInterval(function () {
+        _this3._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.stopSelectedSpeakerTest();
+    }
+  }, {
+    key: "setCurrentIsMirror",
+    value: function setCurrentIsMirror(isMirror) {
+      this.currentIsMirror = isMirror;
+    }
+  }, {
+    key: "toggleLocalMirrorPreview",
+    value: function toggleLocalMirrorPreview(mirror) {
+      var _this4 = 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({
+          renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
+          isMirror: mirror
+        }, view);
+      });
+    }
+  }, {
+    key: "setBeautyOptions",
+    value: function setBeautyOptions(beautyOption) {
+      Object.assign(this.beautyOptions, beautyOption);
+      if (!this.cameraId) return;
+      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),
+        smoothnessLevel: (0, _tools.convertToFixedNumber)(this.beautyOptions.smoothnessLevel),
+        sharpnessLevel: (0, _tools.convertToFixedNumber)(this.beautyOptions.sharpnessLevel),
+        rednessLevel: (0, _tools.convertToFixedNumber)(this.beautyOptions.rednessLevel)
+      });
+    }
+  }, {
+    key: "handleCancelForceOpenVideoEffect",
+    value: function handleCancelForceOpenVideoEffect() {
+      this.showForceOpenEffectDialog = false;
+    }
+  }, {
+    key: "handleForceOpenVideoEffect",
+    value: function handleForceOpenVideoEffect() {
+      if (this.lastEnableVideoEffectType === _type2.FcrUIVideoEffectType.BEAUTY) {
+        this._isForceEnableBeauty = true;
+        this.enableBeautyEffect(true);
+        this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.NONE;
+        this.showForceOpenEffectDialog = false;
+        return;
+      }
+      if (this.lastEnableVideoEffectType === _type2.FcrUIVideoEffectType.VIRTUAL_BACKGROUND) {
+        this._isForceEnableVirtualBackground = true;
+        this.enableVirtualBackground(true);
+        this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.NONE;
+        this.showForceOpenEffectDialog = false;
+        return;
+      }
+    }
+  }, {
+    key: "setVideoOrientation",
+    value: function setVideoOrientation() {
+      var _this$_cameraVideoTra3;
+      if (this._videoRotation === _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_270) {
+        this._videoRotation = _type.AgoraRtcVideoOrientation.VIDEO_ORIENTATION_0;
+      } else {
+        this._videoRotation = this._videoRotation + 1;
+      }
+      (_this$_cameraVideoTra3 = this._cameraVideoTrack) === null || _this$_cameraVideoTra3 === void 0 || _this$_cameraVideoTra3.setVideoOrientation(this._videoRotation);
+    }
+  }, {
+    key: "setCameraEnabled",
+    value: function setCameraEnabled(enable) {
+      this.handleRealCameraEnabledChanged(enable);
+      this.cameraEnabled = enable;
+    }
+  }, {
+    key: "setMicrophoneEnabled",
+    value: function setMicrophoneEnabled(enable) {
+      var microphoneTrack = this._microphoneAudioTrack;
+      if (enable) {
+        microphoneTrack === null || microphoneTrack === void 0 || microphoneTrack.start();
+      } else {
+        microphoneTrack === null || microphoneTrack === void 0 || microphoneTrack.stop();
+        this.microphoneVolumeLevel = 0;
+      }
+      this.microphoneEnabled = enable;
+    }
+  }, {
+    key: "toggleLocalMirror",
+    value: function toggleLocalMirror(enable) {
+      this._defaultMirror = enable;
+      this.isLocalMirrorEnabled = enable;
+      this.toggleLocalMirrorPreview(enable);
+    }
+  }, {
+    key: "resetMirror",
+    value: function resetMirror() {
+      this.isLocalMirrorEnabled = false;
+      this.setCurrentIsMirror(false);
+    }
+  }, {
+    key: "startMicrophoneTest",
+    value: function startMicrophoneTest() {
+      var _this$_microphoneAudi3;
+      if (!this._microphoneDeviceId) return;
+      this.microphoneDetecting = true;
+      (_this$_microphoneAudi3 = this._microphoneAudioTrack) === null || _this$_microphoneAudi3 === void 0 || _this$_microphoneAudi3.startTest(this._volumeIndicationInterval);
+    }
+  }, {
+    key: "stopMicrophoneTest",
+    value: function stopMicrophoneTest() {
+      var _this$_microphoneAudi4;
+      this.microphoneVolumeLevel = 0;
+      this.microphoneDetecting = false;
+      (_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.getCameraTrack(this.cameraId);
+      if (source) {
+        this.virtualBackgroundName = source.name;
+        this._cameraVideoTrack.getVideoEffectEnhancer().setVirtualBackgroundOptions({
+          source: source === null || source === void 0 ? void 0 : source.path,
+          type: source === null || source === void 0 ? void 0 : source.type
+        });
+      }
+      if (!enable) {
+        this.virtualBackgroundName = 'None';
+        this._isForceEnableVirtualBackground = false;
+        this._cameraVideoTrack.getVideoEffectEnhancer().disableVirtualBackground();
+        return;
+      }
+      if (this._cameraVideoTrack.getVideoEffectEnhancer().checkSatisfyVirtualBackgroundRequirements() || this._isForceEnableVirtualBackground) {
+        this._cameraVideoTrack.getVideoEffectEnhancer().enableVirtualBackground();
+        return;
+      }
+      this.showForceOpenEffectDialog = true;
+      this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.VIRTUAL_BACKGROUND;
+      return;
+    }
+  }, {
+    key: "setEditBeautyKey",
+    value: function setEditBeautyKey(key) {
+      this.isLocalEditBeautyOptions = key !== 'none';
+      this.beautyKey = key;
+    }
+  }, {
+    key: "enableBeautyEffect",
+    value: function enableBeautyEffect(enable) {
+      if (!this.cameraId) return;
+      this._cameraVideoTrack = this._mediaControl.getCameraTrack(this.cameraId);
+      if (!enable) {
+        this.enableBeauty = false;
+        this.setEditBeautyKey('none');
+        this._isForceEnableBeauty = false;
+        this._cameraVideoTrack.getVideoEffectEnhancer().disableBeauty();
+        return;
+      }
+      if (this._cameraVideoTrack.getVideoEffectEnhancer().checkSatisfyBeautyRequirements() || this._isForceEnableBeauty) {
+        this.enableBeauty = true;
+        this.setBeautyOptions(this.beautyOptions);
+        this._cameraVideoTrack.getVideoEffectEnhancer().enableBeauty();
+        return;
+      }
+      this.showForceOpenEffectDialog = true;
+      this.enableBeauty = false;
+      this.lastEnableVideoEffectType = _type2.FcrUIVideoEffectType.BEAUTY;
+      return;
+    }
+
+    // 高保真
+  }, {
+    key: "enableAudioHiFiMode",
+    value: function enableAudioHiFiMode(enable) {
+      if (!this._microphoneDeviceId) return;
+      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
+      if (enable) {
+        microphoneAudioTrack.getAudioEffectEnhancer().enableHiFiMode();
+        return;
+      }
+      microphoneAudioTrack.getAudioEffectEnhancer().disableHiFiMode();
+    }
+
+    // 回声消除
+  }, {
+    key: "enableAudioEchoCancellation",
+    value: function enableAudioEchoCancellation(enable) {
+      if (!this._microphoneDeviceId) return;
+      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
+      if (enable) {
+        microphoneAudioTrack.getAudioEffectEnhancer().enableEchoCancellation();
+        return;
+      }
+      microphoneAudioTrack.getAudioEffectEnhancer().disableEchoCancellation();
+    }
+
+    // 立体声
+  }, {
+    key: "enableAudioStereo",
+    value: function enableAudioStereo(enable) {
+      if (!this._microphoneDeviceId) return;
+      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
+      if (enable) {
+        microphoneAudioTrack.getAudioEffectEnhancer().enableStereoMode();
+        return;
+      }
+      microphoneAudioTrack.getAudioEffectEnhancer().disableStereoMode();
+    }
+
+    // 噪音抑制等级
+  }, {
+    key: "setNoiseLevel",
+    value: function setNoiseLevel(level) {
+      if (!this._microphoneDeviceId) return;
+      var microphoneAudioTrack = this._mediaControl.getMicrophoneTrack(this._microphoneDeviceId);
+      microphoneAudioTrack.getAudioEffectEnhancer().enableAiDenoiser();
+      microphoneAudioTrack.getAudioEffectEnhancer().setAiDenoiseLevel(level);
+    }
+  }, {
+    key: "setCameraId",
+    value: function setCameraId(cameraId) {
+      if (this.cameraId === cameraId) return;
+      var enable = this.showCameraPreview;
+      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.getCameraTrack(cameraId);
+        if (enable) {
+          _cameraTrack.start();
+        }
+        this._cameraVideoTrack = _cameraTrack;
+      }
+      this.cameraId = cameraId;
+      this._observable.notifyObservers('onCameraChanged', cameraId);
+    }
+  }, {
+    key: "setSpeakerId",
+    value: function () {
+      var _setSpeakerId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(speakerId) {
+        var _this5 = this;
+        var speakerDeviceId, defaultDevice;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              if (!(speakerId !== DEFAULT_DEVICE_ID && this.speakerId === speakerId)) {
+                _context4.next = 2;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 2:
+              if (!speakerId) {
+                _context4.next = 13;
+                break;
+              }
+              speakerDeviceId = speakerId;
+              if (!(speakerId === DEFAULT_DEVICE_ID)) {
+                _context4.next = 9;
+                break;
+              }
+              _context4.next = 7;
+              return this._mediaControl.getSystemSelectedSpeaker();
+            case 7:
+              defaultDevice = _context4.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;
+              });
+              _context4.next = 15;
+              break;
+            case 13:
+              this._speakerDeviceId = speakerId;
+              this.speakerId = speakerId;
+            case 15:
+              this._observable.notifyObservers('onSpeakerChanged', this._speakerDeviceId);
+            case 16:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function setSpeakerId(_x) {
+        return _setSpeakerId.apply(this, arguments);
+      }
+      return setSpeakerId;
+    }()
+  }, {
+    key: "setMicrophoneId",
+    value: function () {
+      var _setMicrophoneId = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(microphoneId) {
+        var _this$_microphoneAudi5,
+          _this$_microphoneAudi6,
+          _this6 = this;
+        var microphoneDeviceId, defaultDevice, _microphoneTrack;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!(microphoneId !== DEFAULT_DEVICE_ID && this.microphoneId === microphoneId)) {
+                _context5.next = 2;
+                break;
+              }
+              return _context5.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) {
+                _context5.next = 16;
+                break;
+              }
+              microphoneDeviceId = microphoneId;
+              if (!(microphoneDeviceId === DEFAULT_DEVICE_ID)) {
+                _context5.next = 12;
+                break;
+              }
+              _context5.next = 10;
+              return this._mediaControl.getSystemSelectedMicrophone();
+            case 10:
+              defaultDevice = _context5.sent;
+              microphoneDeviceId = (defaultDevice === null || defaultDevice === void 0 ? void 0 : defaultDevice.deviceId) || '';
+            case 12:
+              if (microphoneDeviceId) {
+                _microphoneTrack = this._mediaControl.getMicrophoneTrack(microphoneDeviceId);
+                _microphoneTrack.addObserver(this._microphoneObserver);
+                if (this.microphoneEnabled) {
+                  _microphoneTrack.start();
+                }
+                this._microphoneAudioTrack = _microphoneTrack;
+              }
+              (0, _mobx.runInAction)(function () {
+                _this6._microphoneDeviceId = microphoneDeviceId;
+                _this6.microphoneId = microphoneId;
+              });
+              _context5.next = 18;
+              break;
+            case 16:
+              this._microphoneDeviceId = microphoneId;
+              this.microphoneId = microphoneId;
+            case 18:
+              this._observable.notifyObservers('onMicrophoneChanged', this._microphoneDeviceId);
+            case 19:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, 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) {
+      var _this$_microphoneAudi7;
+      this.microphoneVolume = value;
+      (_this$_microphoneAudi7 = this._microphoneAudioTrack) === null || _this$_microphoneAudi7 === void 0 || _this$_microphoneAudi7.adjustVolume(value);
+    }
+  }, {
+    key: "actionsBeforeJoin",
+    value: function actionsBeforeJoin() {
+      // 未开启摄像头, 需要关闭摄像头加入房间
+      if (!this.cameraEnabled) {
+        this.startOrStopCamera(false);
+      }
+    }
+  }, {
+    key: "startOrStopCamera",
+    value: function startOrStopCamera(enable) {
+      var cameraTrack = this._cameraVideoTrack;
+      var localVideoViewSet = this._localVideoViewSet;
+      if (enable) {
+        cameraTrack === null || cameraTrack === void 0 || cameraTrack.start();
+      } else {
+        if (localVideoViewSet.size > 0 && cameraTrack) {
+          localVideoViewSet.forEach(function (view) {
+            cameraTrack.stopPreview(view);
+          });
+        }
+        cameraTrack === null || cameraTrack === void 0 || cameraTrack.stop();
+      }
+    }
+  }, {
+    key: "setShowCameraPreview",
+    value: function setShowCameraPreview(enable) {
+      this.showCameraPreview = enable;
+    }
+  }, {
+    key: "handleRealCameraEnabledChanged",
+    value: function handleRealCameraEnabledChanged(realEnable) {
+      this.startOrStopCamera(realEnable);
+      this.setShowCameraPreview(realEnable);
+    }
+  }, {
+    key: "handleCameraChanged",
+    value: function handleCameraChanged(enabled) {
+      var _this7 = this;
+      var localVideoViewSet = this._localVideoViewSet;
+      var cameraTrack = this._cameraVideoTrack;
+      if (!enabled && localVideoViewSet.size > 0 && cameraTrack) {
+        localVideoViewSet.forEach(function (view) {
+          cameraTrack.stopPreview(view);
+        });
+      }
+      if (enabled) {
+        localVideoViewSet.forEach(function (view) {
+          cameraTrack === null || cameraTrack === void 0 || cameraTrack.startPreview({
+            renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
+            isMirror: _this7.currentIsMirror
+          }, view);
+        });
+      }
+    }
+  }, {
+    key: "downloadUiResources",
+    value: function () {
+      var _downloadUiResources = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(uiResource) {
+        var _uiResource$virtualBa,
+          _this8 = this,
+          _uiResource$virtualBa2,
+          _uiResource$soundEffe;
+        return _regenerator["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              Promise.all([// images
+              uiResource === null || uiResource === void 0 || (_uiResource$virtualBa = uiResource.virtualBackgroundImages) === null || _uiResource$virtualBa === void 0 ? void 0 : _uiResource$virtualBa.map(function (url) {
+                if ((0, _tools.isPngOrJpg)(url) && !(0, _env.isElectron)()) {
+                  (0, _mobx.runInAction)(function () {
+                    _this8.virtualBackgroundList.push({
+                      url: url,
+                      name: (0, _tools.getFileNameWithoutExtension)(url),
+                      path: url,
+                      type: _virtualBackdoundResources.VirtualOption.IMG
+                    });
+                    _this8._updateVirtualBackgroundList(_this8.virtualBackgroundList);
+                  });
+                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
+                  return _this8._fetchZipAndUnzip(url, 'image');
+                }
+                return Promise.resolve();
+              }), // videos
+              uiResource === null || uiResource === void 0 || (_uiResource$virtualBa2 = uiResource.virtualBackgroundVideos) === null || _uiResource$virtualBa2 === void 0 ? void 0 : _uiResource$virtualBa2.map(function (url) {
+                if ((0, _tools.isMp4)(url) && !(0, _env.isElectron)()) {
+                  (0, _mobx.runInAction)(function () {
+                    _this8.virtualBackgroundList.push({
+                      url: url,
+                      name: (0, _tools.getFileNameWithoutExtension)(url),
+                      path: url,
+                      type: _virtualBackdoundResources.VirtualOption.VIDEO
+                    });
+                    _this8._updateVirtualBackgroundList(_this8.virtualBackgroundList);
+                  });
+                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
+                  return _this8._fetchZipAndUnzip(url, 'video');
+                }
+                return Promise.resolve();
+              }), // sound effect audios
+              uiResource === null || uiResource === void 0 || (_uiResource$soundEffe = uiResource.soundEffectAudios) === null || _uiResource$soundEffe === void 0 ? void 0 : _uiResource$soundEffe.map(function (url) {
+                if ((0, _tools.isMp3OrWav)(url) && !(0, _env.isElectron)()) {
+                  (0, _mobx.runInAction)(function () {
+                    _this8.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(url), {
+                      url: url,
+                      md5Url: (0, _imports.md5)(url)
+                    });
+                  });
+                } else if ((0, _tools.isResourceZipUrl)(url) && (0, _env.isElectron)()) {
+                  return _this8._fetchZipAndUnzip(url, 'audio');
+                }
+                return Promise.resolve();
+              })]);
+            case 1:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      function downloadUiResources(_x3) {
+        return _downloadUiResources.apply(this, arguments);
+      }
+      return downloadUiResources;
+    }()
+  }, {
+    key: "release",
+    value: function release() {
+      var _this9 = this,
+        _this$_cameraVideoTra4,
+        _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);
+        });
+        this._localVideoViewSet.clear();
+      }
+      (_this$_cameraVideoTra4 = this._cameraVideoTrack) === null || _this$_cameraVideoTra4 === void 0 || _this$_cameraVideoTra4.stop();
+      this._cameraVideoTrack = undefined;
+      (_this$_microphoneAudi8 = this._microphoneAudioTrack) === null || _this$_microphoneAudi8 === void 0 || _this$_microphoneAudi8.stop();
+      this._microphoneAudioTrack = undefined;
+    }
+  }, {
+    key: "joinAudioByComputer",
+    value: function () {
+      var _joinAudioByComputer = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+        var list;
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              list = this.microphoneList;
+              if (!(list.length > 0)) {
+                _context7.next = 7;
+                break;
+              }
+              _context7.next = 4;
+              return this.setMicrophoneId('default');
+            case 4:
+              this._eventProvider.showToast({
+                type: 'normal',
+                message: (0, _i18n.transI18n)('fmt_gateway_tips_nodata')
+              });
+              _context7.next = 10;
+              break;
+            case 7:
+              _context7.next = 9;
+              return this.setMicrophoneId('NO_DEVICE');
+            case 9:
+              this._eventProvider.showToast({
+                type: 'normal',
+                message: (0, _i18n.transI18n)('fmt_toolbar_label_nodevice')
+              });
+            case 10:
+              this.setConnectType(_type2.FcrUIConnectType.COMPUTER);
+              this._eventProvider.sendEvent(_constant.FcrUIAction.CONNECT_AUDIO);
+            case 12:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7, this);
+      }));
+      function joinAudioByComputer() {
+        return _joinAudioByComputer.apply(this, arguments);
+      }
+      return joinAudioByComputer;
+    }()
+  }, {
+    key: "stopAudioByComputer",
+    value: function stopAudioByComputer() {
+      this.setMicrophoneId('');
+      this.setConnectType(_type2.FcrUIConnectType.NONE);
+      this._eventProvider.sendEvent(_constant.FcrUIAction.DISCONNECT_AUDIO);
+    }
+  }, {
+    key: "_fileToUiData",
+    value: function () {
+      var _fileToUiData2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(resource, type) {
+        return _regenerator["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              if (!(typeof resource !== 'string')) {
+                _context8.next = 2;
+                break;
+              }
+              return _context8.abrupt("return");
+            case 2:
+              if (type === 'image' && (0, _tools.isPngOrJpg)(resource) || type === 'video' && (0, _tools.isMp4)(resource)) {
+                this._updateVirtualBackgroundList([].concat((0, _toConsumableArray2["default"])(this.virtualBackgroundList), [{
+                  name: (0, _tools.getFileNameWithoutExtension)(resource),
+                  path: resource,
+                  type: type === 'image' ? _virtualBackdoundResources.VirtualOption.IMG : _virtualBackdoundResources.VirtualOption.VIDEO,
+                  url: window.runtime.fileToBase64(resource, type)
+                }]));
+              }
+              if (type === 'audio' && (0, _tools.isMp3OrWav)(resource)) {
+                this.soundEffectList.set((0, _tools.getFileNameWithoutExtension)(resource), {
+                  url: window.runtime.fileToBase64(resource, type),
+                  md5Url: resource
+                });
+              }
+            case 4:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8, this);
+      }));
+      function _fileToUiData(_x4, _x5) {
+        return _fileToUiData2.apply(this, arguments);
+      }
+      return _fileToUiData;
+    }()
+  }, {
+    key: "setConnectType",
+    value: function setConnectType(connectType) {
+      this.connectType = connectType;
+    }
+  }, {
+    key: "_fetchZipAndUnzip",
+    value: function () {
+      var _fetchZipAndUnzip2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(url, type) {
+        var _this10 = this;
+        var md5Url, resource;
+        return _regenerator["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              if ((0, _tools.isResourceZipUrl)(url)) {
+                _context9.next = 2;
+                break;
+              }
+              return _context9.abrupt("return", []);
+            case 2:
+              md5Url = (0, _imports.md5)(url);
+              _context9.next = 5;
+              return window.runtime.getResourceByFileType(url, md5Url, type);
+            case 5:
+              resource = _context9.sent;
+              resource.forEach(function (item) {
+                _this10._fileToUiData(item, type);
+              });
+              return _context9.abrupt("return", []);
+            case 8:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee9);
+      }));
+      function _fetchZipAndUnzip(_x6, _x7) {
+        return _fetchZipAndUnzip2.apply(this, arguments);
+      }
+      return _fetchZipAndUnzip;
+    }()
+  }, {
+    key: "_updateVirtualBackgroundList",
+    value: function _updateVirtualBackgroundList(list) {
+      // 按照 mp4 和 png/jpg 分类, mp4 在前
+      this.virtualBackgroundList = list.sort(function (a, b) {
+        if (a.type === _virtualBackdoundResources.VirtualOption.VIDEO && b.type === _virtualBackdoundResources.VirtualOption.IMG) {
+          return -1;
+        }
+        if (a.type === _virtualBackdoundResources.VirtualOption.IMG && b.type === _virtualBackdoundResources.VirtualOption.VIDEO) {
+          return 1;
+        }
+        return 0;
+      });
+    }
+  }, {
+    key: "_handleSpeakerTestVolumeIndicationUpdated",
+    value: function _handleSpeakerTestVolumeIndicationUpdated(volume) {
+      this.speakerVolumeLevel = Math.floor(volume / 255 * 100);
+    }
+  }, {
+    key: "_handleSpeakerVolumeUpdated",
+    value: function _handleSpeakerVolumeUpdated(volume) {
+      this.speakerVolume = volume;
+    }
+  }, {
+    key: "_handleMicrophoneVolumeIndicationUpdated",
+    value: function _handleMicrophoneVolumeIndicationUpdated(_, volume) {
+      this.microphoneVolumeLevel = Math.floor(volume / 255 * 100);
+    }
+  }, {
+    key: "_handleCameraChanged",
+    value: function _handleCameraChanged() {
+      var enabled = this.showCameraPreview;
+      this.handleCameraChanged(enabled);
+    }
+  }, {
+    key: "_handleCameraListUpdated",
+    value: function () {
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
+        var _this11 = this;
+        var currentDeviceExist, _cameraEnabled, deviceId, _deviceId;
+        return _regenerator["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+              _context10.next = 2;
+              return this._mediaControl.getCameraList();
+            case 2:
+              this.cameraList = _context10.sent;
+              currentDeviceExist = false;
+              if (this.cameraId) {
+                currentDeviceExist = this.cameraList.some(function (_ref2) {
+                  var deviceId = _ref2.deviceId;
+                  return _this11.cameraId === deviceId;
+                });
+                _cameraEnabled = this.cameraEnabled;
+                if (!currentDeviceExist) {
+                  this.logger.info('[FcrDeviceStore] current camera is unplugged, close camera');
+                  if (this.cameraList.length > 0) {
+                    deviceId = this.cameraList[0].deviceId;
+                    this.setCameraId(deviceId);
+                  } else {
+                    this.setCameraId('');
+                  }
+                  if (_cameraEnabled) {
+                    this.setCameraEnabled(false);
+                  }
+                }
+              }
+
+              // 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 _context10.stop();
+          }
+        }, _callee10, this);
+      }));
+      function _handleCameraListUpdated() {
+        return _handleCameraListUpdated2.apply(this, arguments);
+      }
+      return _handleCameraListUpdated;
+    }()
+  }, {
+    key: "_handleMicrophoneListUpdated",
+    value: function () {
+      var _handleMicrophoneListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+        var _this12 = this;
+        var microphoneList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, _id;
+        return _regenerator["default"].wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              _context11.next = 2;
+              return this._mediaControl.getMicrophoneList();
+            case 2:
+              microphoneList = _context11.sent;
+              _context11.next = 5;
+              return this._mediaControl.getSystemSelectedMicrophone();
+            case 5:
+              defaultDevice = _context11.sent;
+              (0, _mobx.runInAction)(function () {
+                _this12.microphoneList = microphoneList.filter(function (item) {
+                  return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
+                });
+                var defaultIdDevice = _this12.microphoneList.find(function (item) {
+                  return item.deviceId === DEFAULT_DEVICE_ID;
+                });
+                if (!defaultIdDevice && defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceName) {
+                  _this12.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')
+                    })
+                  });
+                }
+                if (defaultIdDevice && defaultIdDevice.deviceName) {
+                  defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                  });
+                }
+              });
+              if (this.followSystemMicrophoneDevice) {
+                if (defaultDevice && defaultDevice.deviceId !== this._microphoneDeviceId) {
+                  this.setMicrophoneId(DEFAULT_DEVICE_ID);
+                }
+              }
+              currentDeviceExist = this.microphoneList.find(function (item) {
+                return item.deviceId === _this12._microphoneDeviceId;
+              });
+              if (!currentDeviceExist) {
+                this.logger.info('[FcrDeviceStore] current microphone is unplugged, switch to follow system');
+                this.setMicrophoneId(DEFAULT_DEVICE_ID);
+              }
+              if (defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceId) {
+                hasNewDeviceJoin = this._microponeInitCount < microphoneList.length;
+                _id = hasNewDeviceJoin ? defaultDevice.deviceId : DEFAULT_DEVICE_ID;
+                this.setMicrophoneId(_id);
+              }
+              this._microponeInitCount = microphoneList.length;
+              this._observable.notifyObservers('onMicrophoneListUpdated', this.microphoneList);
+            case 13:
+            case "end":
+              return _context11.stop();
+          }
+        }, _callee11, this);
+      }));
+      function _handleMicrophoneListUpdated() {
+        return _handleMicrophoneListUpdated2.apply(this, arguments);
+      }
+      return _handleMicrophoneListUpdated;
+    }()
+  }, {
+    key: "_handleSpeakerListUpdated",
+    value: function () {
+      var _handleSpeakerListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
+        var _this13 = this;
+        var speakerList, defaultDevice, currentDeviceExist, hasNewDeviceJoin, _id2;
+        return _regenerator["default"].wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
+            case 0:
+              _context12.next = 2;
+              return this._mediaControl.getSpeakerList();
+            case 2:
+              speakerList = _context12.sent;
+              _context12.next = 5;
+              return this._mediaControl.getSystemSelectedSpeaker();
+            case 5:
+              defaultDevice = _context12.sent;
+              (0, _mobx.runInAction)(function () {
+                _this13.speakerList = speakerList.filter(function (item) {
+                  return !(0, _tools.matchVirtualSoundCardPattern)(item.deviceName);
+                });
+                var defaultIdDevice = _this13.speakerList.find(function (item) {
+                  return item.deviceId === DEFAULT_DEVICE_ID;
+                });
+                if (!defaultIdDevice) {
+                  _this13.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')
+                    })
+                  });
+                } else {
+                  defaultIdDevice.deviceName = (0, _i18n.transI18n)('fmt_device_label_speaker_follow_system', {
+                    reason1: (0, _i18n.transI18n)('fmt_device_label_speaker_default')
+                  });
+                }
+              });
+              if (this.followSystemSpeakerDevice) {
+                if (defaultDevice && defaultDevice.deviceId !== this._speakerDeviceId) {
+                  this.setSpeakerId(DEFAULT_DEVICE_ID);
+                }
+              }
+              currentDeviceExist = this.speakerList.find(function (item) {
+                return item.deviceId === _this13._speakerDeviceId;
+              });
+              if (!currentDeviceExist) {
+                this.logger.info('[FcrDeviceStore] current speaker is unplugged, switch to follow system');
+                this.setSpeakerId(DEFAULT_DEVICE_ID);
+              }
+              if (defaultDevice !== null && defaultDevice !== void 0 && defaultDevice.deviceId) {
+                hasNewDeviceJoin = this._speakerInitCount < speakerList.length;
+                _id2 = hasNewDeviceJoin ? defaultDevice.deviceId : DEFAULT_DEVICE_ID;
+                this.setSpeakerId(_id2);
+              }
+              this._speakerInitCount = speakerList.length;
+              this._observable.notifyObservers('onSpeakerListUpdated', this.speakerList);
+            case 13:
+            case "end":
+              return _context12.stop();
+          }
+        }, _callee12, this);
+      }));
+      function _handleSpeakerListUpdated() {
+        return _handleSpeakerListUpdated2.apply(this, arguments);
+      }
+      return _handleSpeakerListUpdated;
+    }()
+  }, {
+    key: "setAudioConnected",
+    value: function setAudioConnected(enable) {
+      this.isAudioConnected = enable;
+    }
+  }, {
+    key: "setMainRoomAudioOff",
+    value: function setMainRoomAudioOff(enable) {
+      this.isMainRoomAudioOff = enable;
+    }
+  }]);
+}();
+_FcrUIDeviceProviderImpl = FcrUIDeviceProviderImpl;
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIDeviceProviderImpl, [[_mobx.observable, 1, "_microphoneDeviceId"], [_mobx.observable, 1, "_speakerDeviceId"], [_mobx.observable, 1, "currentIsMirror"], [_mobx.observable, 1, "showForceOpenEffectDialog"], [_mobx.observable, 1, "cameraId"], [_mobx.observable, 1, "microphoneId"], [_mobx.observable, 1, "speakerId"], [_mobx.observable, 1, "cameraEnabled"], [_mobx.observable, 1, "showCameraPreview"], [_mobx.observable, 1, "microphoneEnabled"], [_mobx.observable, 1, "cameraList"], [_mobx.observable, 1, "microphoneList"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "speakerList"], [_mobx.observable, 1, "isLocalMirrorEnabled"], [_mobx.observable, 1, "isLocalEditBeautyOptions"], [_mobx.observable, 1, "speakerVolumeLevel"], [_mobx.observable, 1, "speakerVolume"], [_mobx.observable, 1, "microphoneVolume"], [_mobx.observable, 1, "virtualBackgroundName"], [_mobx.observable, 1, "enableBeauty"], [_mobx.observable, 1, "beautyKey"], [_mobx.observable, 1, "beautyOptions"], [_mobx.observable, 1, "virtualBackgroundList"], [_mobx.observable, 1, "soundEffectList"], [_mobx.observable, 1, "microphoneDetecting"], [_mobx.observable, 1, "speakerDetecting"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "isAudioConnected"], [_mobx.observable, 1, "isMainRoomAudioOff"], [_imports.bound, 2, "connectAudio"], [_imports.bound, 2, "disconnectAudio"], [_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"], [_imports.bound, 2, "setVideoOrientation"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_setMicrophoneEnabledDecs, 18, "setMicrophoneEnabled"], [_toggleLocalMirrorDecs, 18, "toggleLocalMirror"], [_resetMirrorDecs, 18, "resetMirror"], [_startMicrophoneTestDecs, 18, "startMicrophoneTest"], [_stopMicrophoneTestDecs, 18, "stopMicrophoneTest"], [_enableVirtualBackgroundDecs, 18, "enableVirtualBackground"], [_setEditBeautyKeyDecs, 18, "setEditBeautyKey"], [_enableBeautyEffectDecs, 18, "enableBeautyEffect"], [_setCameraIdDecs, 18, "setCameraId"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_setMicrophoneVolumeDecs, 18, "setMicrophoneVolume"], [_actionsBeforeJoinDecs, 18, "actionsBeforeJoin"], [_downloadUiResourcesDecs, 18, "downloadUiResources"], [_imports.bound, 2, "joinAudioByComputer"], [_imports.bound, 2, "stopAudioByComputer"], [_setConnectTypeDecs, 18, "setConnectType"], [_updateVirtualBackgroundListDecs, 18, "_updateVirtualBackgroundList"], [_handleSpeakerTestVolumeIndicationUpdatedDecs, 18, "_handleSpeakerTestVolumeIndicationUpdated"], [_handleSpeakerVolumeUpdatedDecs, 18, "_handleSpeakerVolumeUpdated"], [_handleMicrophoneVolumeIndicationUpdatedDecs, 18, "_handleMicrophoneVolumeIndicationUpdated"], [_imports.bound, 2, "_handleCameraChanged"], [_handleCameraListUpdatedDecs, 18, "_handleCameraListUpdated"], [_handleMicrophoneListUpdatedDecs, 18, "_handleMicrophoneListUpdated"], [_handleSpeakerListUpdatedDecs, 18, "_handleSpeakerListUpdated"], [_setAudioConnectedDecs, 18, "setAudioConnected"], [_setMainRoomAudioOffDecs, 18, "setMainRoomAudioOff"]], []).e, 31);
+_init__microphoneDeviceId = _applyDecs$e[0];
+_init__speakerDeviceId = _applyDecs$e[1];
+_init_currentIsMirror = _applyDecs$e[2];
+_init_showForceOpenEffectDialog = _applyDecs$e[3];
+_init_cameraId = _applyDecs$e[4];
+_init_microphoneId = _applyDecs$e[5];
+_init_speakerId = _applyDecs$e[6];
+_init_cameraEnabled = _applyDecs$e[7];
+_init_showCameraPreview = _applyDecs$e[8];
+_init_microphoneEnabled = _applyDecs$e[9];
+_init_cameraList = _applyDecs$e[10];
+_init_microphoneList = _applyDecs$e[11];
+_init_microphoneVolumeLevel = _applyDecs$e[12];
+_init_speakerList = _applyDecs$e[13];
+_init_isLocalMirrorEnabled = _applyDecs$e[14];
+_init_isLocalEditBeautyOptions = _applyDecs$e[15];
+_init_speakerVolumeLevel = _applyDecs$e[16];
+_init_speakerVolume = _applyDecs$e[17];
+_init_microphoneVolume = _applyDecs$e[18];
+_init_virtualBackgroundName = _applyDecs$e[19];
+_init_enableBeauty = _applyDecs$e[20];
+_init_beautyKey = _applyDecs$e[21];
+_init_beautyOptions = _applyDecs$e[22];
+_init_virtualBackgroundList = _applyDecs$e[23];
+_init_soundEffectList = _applyDecs$e[24];
+_init_microphoneDetecting = _applyDecs$e[25];
+_init_speakerDetecting = _applyDecs$e[26];
+_init_connectType = _applyDecs$e[27];
+_init_isAudioConnected = _applyDecs$e[28];
+_init_isMainRoomAudioOff = _applyDecs$e[29];
+_initProto = _applyDecs$e[30];
+(0, _base.registerDependency)('deviceProvider');