fcr-core 3.7.9-alpha → 3.8.0-alpha

package/lib/room-control/stream-control/index.js

@@ -1,13 +1,16 @@
 "use strict";
 
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.error.cause.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FcrStreamControlImpl = void 0;
+exports.FcrSubscribedStreamsControl = exports.FcrStreamControlImpl = void 0;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.json.stringify.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");
@@ -27,6 +30,8 @@ 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/web.dom-collections.iterator.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _imports = require("../../imports");
 var _type = require("../../type");
 var _user = require("../../utilities/user");
@@ -34,7 +39,10 @@ var _error = require("../../utilities/error");
 var _logger = require("../../utilities/logger");
 var _validateParams = _interopRequireDefault(require("../../utilities/validate-params"));
 var _schema = require("../../schema");
-let _initProto, _addLocalStreamsDecs, _bindLocalStreamsDecs, _updatePublishPrivilegeOfStreamsDecs, _removeStreamsDecs, _setVideoEncoderConfigDecs, _setScreenScenarioDecs, _startRenderRemoteVideoStreamDecs, _stopRenderRemoteVideoStreamDecs, _startPlayRemoteAudioStreamDecs, _stopPlayRemoteAudioStreamDecs, _takeSnapshotDecs, _addLocalScreenStreamDecs, _adjustRemoteAudioStreamVolumeDecs, _mergeAudioStreamDecs, _splitAudioStreamDecs;
+var _FcrStreamControlImpl;
+let _initProto, _addLocalStreamsDecs, _bindLocalStreamsDecs, _updatePublishPrivilegeOfStreamsDecs, _removeStreamsDecs, _setVideoEncoderConfigDecs, _setScreenScenarioDecs, _startRenderRemoteVideoStreamDecs, _stopRenderRemoteVideoStreamDecs, _startPlayRemoteAudioStreamDecs, _stopPlayRemoteAudioStreamDecs, _takeSnapshotDecs, _addLocalScreenStreamDecs, _adjustRemoteAudioStreamVolumeDecs, _mergeAudioStreamDecs, _splitAudioStreamDecs, _ref;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 (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 (e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function (e) { return e[n]; }, (o < 2 || 4 === o) && (F = function (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 (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); }
@@ -43,104 +51,148 @@ function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side
 /**
  * @internal
  */
+_ref = (_addLocalStreamsDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrLocalStreamCreateArrayConfigSchema)], _bindLocalStreamsDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrStreamBindConfigArrySchema)], _updatePublishPrivilegeOfStreamsDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrUpdateStreamCustomSchema, _schema.fcrUpdateStreamPrivilegeScopeSchema.optional())], _removeStreamsDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringArraySchema)], _setVideoEncoderConfigDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.agoraRtcVideoEncoderConfigurationSchema, _schema.fcrVideoStreamTypeSchema)], _setScreenScenarioDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrScreenScenarioTypeSchema)], _startRenderRemoteVideoStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.fcrVideoStreamTypeSchema, _schema.fcrRenderConfigSchema, (0, _schema.createUnionSchema)([_schema.fcrRenderViewSchema, _imports.objectSchema]))], _stopRenderRemoteVideoStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.fcrRenderViewSchema)], _startPlayRemoteAudioStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema)], _stopPlayRemoteAudioStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema)], _takeSnapshotDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.stringSchema)], _addLocalScreenStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrScreenStreamCreateConfigSchema, _schema.fcrSizeSchema)], _adjustRemoteAudioStreamVolumeDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.numberSchema)], _mergeAudioStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema)], _splitAudioStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema)], "logger");
 class FcrStreamControlImpl {
-  static {
-    [_initProto] = _applyDecs(this, [[_imports.bound, 2, "getStreams"], [_imports.bound, 2, "getStreamList"], [_imports.bound, 2, "getStreamsByUserId"], [_imports.bound, 2, "getStreamByStreamId"], [_addLocalStreamsDecs, 2, "addLocalStreams"], [_bindLocalStreamsDecs, 2, "bindLocalStreams"], [_updatePublishPrivilegeOfStreamsDecs, 2, "updatePublishPrivilegeOfStreams"], [_removeStreamsDecs, 2, "removeStreams"], [_setVideoEncoderConfigDecs, 2, "setVideoEncoderConfig"], [_setScreenScenarioDecs, 2, "setScreenScenario"], [_startRenderRemoteVideoStreamDecs, 2, "startRenderRemoteVideoStream"], [_stopRenderRemoteVideoStreamDecs, 2, "stopRenderRemoteVideoStream"], [_startPlayRemoteAudioStreamDecs, 2, "startPlayRemoteAudioStream"], [_stopPlayRemoteAudioStreamDecs, 2, "stopPlayRemoteAudioStream"], [_takeSnapshotDecs, 2, "takeSnapshot"], [_addLocalScreenStreamDecs, 2, "addLocalScreenStream"], [[_imports.bound, _imports.trace], 2, "removeScreenStream"], [_adjustRemoteAudioStreamVolumeDecs, 2, "adjustRemoteAudioStreamVolume"], [_mergeAudioStreamDecs, 2, "mergeAudioStream"], [_splitAudioStreamDecs, 2, "splitAudioStream"]], []).e;
-  }
-  //@internal
-  [(_addLocalStreamsDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrLocalStreamCreateArrayConfigSchema)], _bindLocalStreamsDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrStreamBindConfigArrySchema)], _updatePublishPrivilegeOfStreamsDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrUpdateStreamCustomSchema, _schema.fcrUpdateStreamPrivilegeScopeSchema.optional())], _removeStreamsDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringArraySchema)], _setVideoEncoderConfigDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.agoraRtcVideoEncoderConfigurationSchema, _schema.fcrVideoStreamTypeSchema)], _setScreenScenarioDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrScreenScenarioTypeSchema)], _startRenderRemoteVideoStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.fcrVideoStreamTypeSchema, _schema.fcrRenderConfigSchema, (0, _schema.createUnionSchema)([_schema.fcrRenderViewSchema, _imports.objectSchema]))], _stopRenderRemoteVideoStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.fcrRenderViewSchema)], _startPlayRemoteAudioStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema)], _stopPlayRemoteAudioStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema)], _takeSnapshotDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.stringSchema)], _addLocalScreenStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.fcrScreenStreamCreateConfigSchema, _schema.fcrSizeSchema)], _adjustRemoteAudioStreamVolumeDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema, _schema.numberSchema)], _mergeAudioStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema)], _splitAudioStreamDecs = [_imports.bound, _imports.trace, (0, _validateParams.default)(_schema.stringSchema)], "logger")] = (_initProto(this), (0, _logger.createLogger)({
-    prefix: 'FcrStreamControlImpl'
-  }));
-  //@internal
-  _observable = new _imports.AgoraObservable();
-  //@internal
-  _streamMapByStreamId = {};
-  //@internal
-  _streamMapByUserId = {};
-  //@internal
-  _streamList = [];
-  //@internal
-
-  //@internal
-  _remoteSubscribedStreamRenderMap = new Map();
-  //@internal
-
-  //@internal
-
-  //@internal
-  _sceneObserver = {
-    onStreamsAdded: (sceneId, events) => {
-      const fcrStreamEvents = events.map(this._convertStreamEvent);
-      fcrStreamEvents.forEach(event => {
-        const stream = event.modifiedStream;
-        const exists = stream.streamId in this._streamMapByStreamId;
-        if (exists) {
-          this.logger.warn(`[FcrStreamControl] stream added when the stream already exists, streamId: ${stream.streamId}`);
-        } else {
-          this._streamList.push(stream);
-          this._streamMapByStreamId[stream.streamId] = stream;
-          this._putUserStream(stream.owner.userId, stream);
-        }
-      });
-      this._observable.notifyObservers('onStreamsAdded', sceneId, fcrStreamEvents);
-    },
-    onStreamsRemoved: (sceneId, events) => {
-      const fcrStreamEvents = events.map(this._convertStreamEvent);
-      fcrStreamEvents.forEach(event => {
-        const stream = event.modifiedStream;
-        const exists = stream.streamId in this._streamMapByStreamId;
-        if (!exists) {
-          this.logger.warn(`[FcrStreamControl] stream removed when the stream does not exist, streamId: ${stream.streamId}`);
-        } else {
-          const index = this._streamList.findIndex(s => stream.streamId === s.streamId);
-          if (index !== -1) {
-            this._streamList.splice(index, 1);
+  constructor(_engine, _scene, _api, _sharedCache) {
+    //@internal
+    (0, _defineProperty2.default)(this, _ref, (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'FcrStreamControlImpl'
+    })));
+    //@internal
+    (0, _defineProperty2.default)(this, "_observable", new _imports.AgoraObservable());
+    //@internal
+    (0, _defineProperty2.default)(this, "_streamMapByStreamId", {});
+    //@internal
+    (0, _defineProperty2.default)(this, "_streamMapByUserId", {});
+    //@internal
+    (0, _defineProperty2.default)(this, "_streamList", []);
+    //@internal
+    (0, _defineProperty2.default)(this, "_subscribedStreamsControl", new FcrSubscribedStreamsControl());
+    //@internal
+    (0, _defineProperty2.default)(this, "_sceneObserver", {
+      onStreamsAdded: (sceneId, events) => {
+        const fcrStreamEvents = events.map(this._convertStreamEvent);
+        fcrStreamEvents.forEach(event => {
+          const stream = event.modifiedStream;
+          const exists = stream.streamId in this._streamMapByStreamId;
+          if (exists) {
+            this.logger.warn("[FcrStreamControl] stream added when the stream already exists, streamId: ".concat(stream.streamId));
+          } else {
+            this._streamList.push(stream);
+            this._streamMapByStreamId[stream.streamId] = stream;
+            this._putUserStream(stream.owner.userId, stream);
           }
-          delete this._streamMapByStreamId[stream.streamId];
-          this._deleteUserStream(stream.owner.userId, stream);
-        }
-      });
-      this._observable.notifyObservers('onStreamsRemoved', sceneId, fcrStreamEvents);
-    },
-    onStreamsUpdated: (sceneId, events) => {
-      const fcrStreamEvents = events.map(this._convertStreamEvent);
-      fcrStreamEvents.forEach(event => {
-        const stream = event.modifiedStream;
-        const exists = stream.streamId in this._streamMapByStreamId;
-        if (!exists) {
-          this.logger.warn(`[FcrStreamControl] stream updated when the stream does not exist, streamId: ${stream.streamId}`);
-        } else {
-          const index = this._streamList.findIndex(s => stream.streamId === s.streamId);
-          if (index !== -1) {
-            this._streamList.splice(index, 1, stream);
+        });
+        this._observable.notifyObservers('onStreamsAdded', sceneId, fcrStreamEvents);
+      },
+      onStreamsRemoved: (sceneId, events) => {
+        const fcrStreamEvents = events.map(this._convertStreamEvent);
+        fcrStreamEvents.forEach(event => {
+          const stream = event.modifiedStream;
+          const exists = stream.streamId in this._streamMapByStreamId;
+          if (!exists) {
+            this.logger.warn("[FcrStreamControl] stream removed when the stream does not exist, streamId: ".concat(stream.streamId));
+          } else {
+            const index = this._streamList.findIndex(s => stream.streamId === s.streamId);
+            if (index !== -1) {
+              this._streamList.splice(index, 1);
+            }
+            delete this._streamMapByStreamId[stream.streamId];
+            this._deleteUserStream(stream.owner.userId, stream);
+          }
+        });
+        this._observable.notifyObservers('onStreamsRemoved', sceneId, fcrStreamEvents);
+      },
+      onStreamsUpdated: (sceneId, events) => {
+        const fcrStreamEvents = events.map(this._convertStreamEvent);
+        fcrStreamEvents.forEach(event => {
+          const stream = event.modifiedStream;
+          const exists = stream.streamId in this._streamMapByStreamId;
+          if (!exists) {
+            this.logger.warn("[FcrStreamControl] stream updated when the stream does not exist, streamId: ".concat(stream.streamId));
+          } else {
+            const index = this._streamList.findIndex(s => stream.streamId === s.streamId);
+            if (index !== -1) {
+              this._streamList.splice(index, 1, stream);
+            }
+            this._streamMapByStreamId[stream.streamId] = stream;
+            this._setUserStream(stream.owner.userId, stream);
           }
-          this._streamMapByStreamId[stream.streamId] = stream;
-          this._setUserStream(stream.owner.userId, stream);
+        });
+        this._observable.notifyObservers('onStreamsUpdated', sceneId, fcrStreamEvents);
+      },
+      onLocalVideoStatsUpdated: (sceneId, streamId, stats) => {
+        this._observable.notifyObservers('onLocalVideoStatsUpdated', sceneId, streamId, stats);
+      },
+      onLocalAudioStatsUpdated: (sceneId, streamId, stats) => {
+        this._observable.notifyObservers('onLocalAudioStatsUpdated', sceneId, streamId, stats);
+      },
+      onRemoteVideoStatsUpdated: (sceneId, streamId, stats) => {
+        this._observable.notifyObservers('onRemoteVideoStatsUpdated', sceneId, streamId, stats);
+      },
+      onRemoteAudioStatsUpdated: (sceneId, streamId, stats) => {
+        this._observable.notifyObservers('onRemoteAudioStatsUpdated', sceneId, streamId, stats);
+      },
+      onFirstRemoteVideoFrameRendered: (sceneId, streamId) => {
+        this._observable.notifyObservers('onFirstRemoteVideoFrameRendered', sceneId, streamId);
+      }
+    });
+    //@internal
+    (0, _defineProperty2.default)(this, "_addSceneStreamPlayerObserver", {
+      onRemoteAudioStreamVolumeUpdated: (streamId, volume) => this._observable.notifyObservers('onStreamVolumeIndicationUpdated', this._scene.sceneId, streamId, volume)
+    });
+    (0, _defineProperty2.default)(this, "_convertStreamInfo", info => {
+      return {
+        streamId: info.streamId,
+        streamName: info.streamName,
+        owner: (0, _user.convertRteUserToFcrUser)(info.owner, this._roomCache),
+        streamType: info.streamType,
+        videoSourceType: info.videoSourceType,
+        audioSourceType: info.audioSourceType,
+        videoSourceState: info.videoSourceState,
+        audioSourceState: info.audioSourceState,
+        videoSourceId: info.videoSourceId,
+        audioSourceId: info.audioSourceId,
+        connectorType: info.connectorType
+      };
+    });
+    (0, _defineProperty2.default)(this, "_getPublishStateByPrivilege", privilege => {
+      return privilege === _imports.AgoraRteStreamPrivilegeOperation.HAS_PRIVILEGE ? 1 : privilege === _imports.AgoraRteStreamPrivilegeOperation.NOPRIVILEGE ? 0 : undefined;
+    });
+    (0, _defineProperty2.default)(this, "_convertStreamEvent", event => {
+      return {
+        modifiedStream: this._convertStreamInfo(event.modifiedStream),
+        operatorUser: event.operatorUser ? (0, _user.convertRteUserToFcrUser)(event.operatorUser, this._roomCache) : undefined,
+        cause: event.cause
+      };
+    });
+    (0, _defineProperty2.default)(this, "_putUserStream", (userId, stream) => {
+      if (!this._streamMapByUserId[userId]) {
+        this._streamMapByUserId[userId] = [];
+      }
+      this._streamMapByUserId[userId].push(stream);
+    });
+    (0, _defineProperty2.default)(this, "_setUserStream", (userId, stream) => {
+      const streams = this._streamMapByUserId[userId];
+      if (streams) {
+        const index = streams.findIndex(s => s.streamId === stream.streamId);
+        if (index !== -1) {
+          streams.splice(index, 1, stream);
         }
-      });
-      this._observable.notifyObservers('onStreamsUpdated', sceneId, fcrStreamEvents);
-    },
-    onLocalVideoStatsUpdated: (sceneId, streamId, stats) => {
-      this._observable.notifyObservers('onLocalVideoStatsUpdated', sceneId, streamId, stats);
-    },
-    onLocalAudioStatsUpdated: (sceneId, streamId, stats) => {
-      this._observable.notifyObservers('onLocalAudioStatsUpdated', sceneId, streamId, stats);
-    },
-    onRemoteVideoStatsUpdated: (sceneId, streamId, stats) => {
-      this._observable.notifyObservers('onRemoteVideoStatsUpdated', sceneId, streamId, stats);
-    },
-    onRemoteAudioStatsUpdated: (sceneId, streamId, stats) => {
-      this._observable.notifyObservers('onRemoteAudioStatsUpdated', sceneId, streamId, stats);
-    },
-    onFirstRemoteVideoFrameRendered: (sceneId, streamId) => {
-      this._observable.notifyObservers('onFirstRemoteVideoFrameRendered', sceneId, streamId);
-    }
-  };
-  //@internal
-  _addSceneStreamPlayerObserver = {
-    onRemoteAudioStreamVolumeUpdated: (streamId, volume) => this._observable.notifyObservers('onStreamVolumeIndicationUpdated', this._scene.sceneId, streamId, volume)
-  };
-  constructor(_engine, _scene, _api, _sharedCache) {
+      }
+    });
+    (0, _defineProperty2.default)(this, "_deleteUserStream", (userId, stream) => {
+      const userStreams = this._streamMapByUserId[userId];
+      if (userStreams) {
+        const index = userStreams.findIndex(s => s.streamId === stream.streamId);
+        if (index !== -1) {
+          userStreams.splice(index, 1);
+        }
+        if (userStreams.length === 0) {
+          delete this._streamMapByUserId[userId];
+        }
+      }
+    });
     this._engine = _engine;
     this._scene = _scene;
     this._api = _api;
@@ -178,24 +230,60 @@ class FcrStreamControlImpl {
       return this._convertStreamInfo(streamInfo);
     }
   }
-  addLocalStreams(streams) {
-    return (0, _error.handleRequestError)(() => this._api.createStreamBatch(this._scene.sceneId, streams.map(config => ({
-      streamName: config.streamName,
-      streamUuid: '0',
-      // means that this stream needs to be created
-      generateToken: config.generateToken ?? config.videoSourceType === _imports.AgoraRteVideoSourceType.SCREEN,
-      userUuid: config.ownerId,
-      videoSourceType: config.videoSourceType,
-      audioSourceType: config.audioSourceType,
-      videoSourceUuid: config.videoSourceId,
-      audioSourceUuid: config.audioSourceId,
-      ...(0, _imports.convertStreamTypeToPublishState)(config.streamType)
-    }))), _error.FcrErrorModuleCode.ROOM_STREAM, 'add local streams failed');
+  async addLocalStreams(streams) {
+    const streamCreateResult = await (0, _error.handleRequestError)(() => this._api.createStreamBatch(this._scene.sceneId, streams.map(config => {
+      var _config$generateToken;
+      return _objectSpread({
+        streamName: config.streamName,
+        streamUuid: '0',
+        // means that this stream needs to be created
+        generateToken: (_config$generateToken = config.generateToken) !== null && _config$generateToken !== void 0 ? _config$generateToken : config.videoSourceType === _imports.AgoraRteVideoSourceType.SCREEN,
+        userUuid: config.ownerId,
+        videoSourceType: config.videoSourceType,
+        audioSourceType: config.audioSourceType,
+        videoSourceUuid: config.videoSourceId,
+        audioSourceUuid: config.audioSourceId
+      }, (0, _imports.convertStreamTypeToPublishState)(config.streamType));
+    })), _error.FcrErrorModuleCode.ROOM_STREAM, 'add local streams failed');
+
+    // 处理需要 token 的流
+    this._handleStreamTokensPreparation(streams, streamCreateResult.data);
+    return streamCreateResult;
+  }
+
+  /**
+   * 处理流的 token 准备工作
+   * @param streams 流配置列表
+   */
+  _handleStreamTokensPreparation(streams, streamCreateResultData) {
+    // 提前过滤出需要 token
+    const streamConfigMap = new Map();
+    streams.forEach(config => {
+      const needsToken = config.generateToken || config.videoSourceType === _imports.AgoraRteVideoSourceType.SCREEN;
+      if (needsToken) {
+        streamConfigMap.set(config.ownerId, config);
+      }
+    });
+
+    // 如果没有需要 token 的流，直接返回
+    if (streamConfigMap.size === 0) {
+      return;
+    }
+
+    // 遍历返回的流数据，准备发布流
+    streamCreateResultData.forEach(stream => {
+      if (stream.rtcToken && streamConfigMap.has(stream.userUuid)) {
+        this._scene.localUser.prepareToPublishStream(stream.streamUuid, stream.rtcToken);
+      }
+    });
   }
   bindLocalStreams(streams) {
     return this._scene.localUser.bindLocalStreams(streams);
   }
-  updatePublishPrivilegeOfStreams(...args) {
+  updatePublishPrivilegeOfStreams() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
     if (args.length === 1) {
       const privileges = args[0];
       return (0, _error.handleRequestError)(() => this._api.updateStreamBatch(this._scene.sceneId, Object.keys(privileges).map(streamId => ({
@@ -229,48 +317,54 @@ class FcrStreamControlImpl {
       }), _error.FcrErrorModuleCode.ROOM_STREAM, 'update publish privilege of streams failed');
     }
   }
-  removeStreams(streams) {
-    return (0, _error.handleRequestError)(() => this._api.deleteStreamBatch(this._scene.sceneId, streams.map(streamUuid => ({
+  async removeStreams(streams) {
+    const res = await (0, _error.handleRequestError)(() => this._api.deleteStreamBatch(this._scene.sceneId, streams.map(streamUuid => ({
       streamUuid
     }))), _error.FcrErrorModuleCode.ROOM_STREAM, 'remove streams failed');
+    streams.forEach(streamUuid => {
+      this._scene.localUser.removePreparePublishStream(streamUuid);
+    });
+    return res;
   }
   setVideoEncoderConfig(streamId, config, streamType) {
     return this._scene.localUser.setVideoEncoderConfig(config, streamType, streamId);
   }
+  setDualStreamMode(streamId, enable) {
+    return this._scene.localUser.setDualStreamMode(streamId, enable);
+  }
   setScreenScenario(type) {
     return this._scene.localUser.setScreenScenario(type);
   }
   startRenderRemoteVideoStream(streamId, type, config, element) {
-    // 需要建立订阅的 streamId 的引用计数
-    // 可参考数据结构：Map <streamId,  array: canvasId>
-    // 当 startRender 相同的 streamId 时且 canvasId 不同时，计数加一
-    // 引用计数大于0时，不再调用 subscribeRemoteVideoStream；
-
-    const elements = this._remoteSubscribedStreamRenderMap.get(streamId) || [];
-    const renderCount = elements.length;
-    const isDifferentCanvas = !elements?.includes(element);
-    if (renderCount === 0 || isDifferentCanvas) {
-      this._remoteSubscribedStreamRenderMap.set(streamId, [...elements, element]);
-      this.logger.info(`[FcrStreamControl][subscribe-remote-video-stream] start subscribe streamId: ${streamId}, before subscribe renderCount: ${renderCount}, after subscribe renderCount: ${this._remoteSubscribedStreamRenderMap.get(streamId)?.length}`);
-    }
+    const startTime = Date.now();
+    const parameters = "streamId: ".concat(streamId, ", config: ").concat(JSON.stringify(config), ", type: ").concat(type, ", element: ").concat(element);
     this._scene.streamPlayer.subscribeRemoteVideoStream(streamId, type);
-    this._scene.streamPlayer.startRenderRemoteVideoStream(streamId, type, config.renderMode, config.isMirror, element);
+    try {
+      this._scene.streamPlayer.startRenderRemoteVideoStream(streamId, config.renderMode, config.isMirror, element);
+      const viewId = this._subscribedStreamsControl.getViewId(element);
+      this._subscribedStreamsControl.bind(viewId, streamId);
+    } catch (error) {
+      this.logger.error("[FcrStreamControl][start-render-remote-video-stream] render failed, streamId: ".concat(streamId, ", error: ").concat(error, ", parameters: ").concat(parameters, ", duration: ").concat(Date.now() - startTime, "ms"));
+      throw error;
+    }
   }
   stopRenderRemoteVideoStream(streamId, element) {
-    // 当 stopRender 相同的 streamId 与 canvasId 时，计数减一
-    // 引用计数减为 0 时，调用 unsubscribeRemoteVideoStream
-    const elements = this._remoteSubscribedStreamRenderMap.get(streamId) || [];
-    const isSameCanvas = elements?.includes(element);
-    if (isSameCanvas) {
-      const rest = elements?.filter(e => e !== element);
-      this._remoteSubscribedStreamRenderMap.set(streamId, rest);
-      this.logger.info(`[FcrStreamControl][unsubscribe-remote-video-stream] has same canvas, streamId: ${streamId}, subtract renderCount, do not unsubscribe remote video stream, rest renderCount: ${rest.length}`);
-    }
-    if (elements.length === 0) {
-      this._scene.streamPlayer.unsubscribeRemoteVideoStream(streamId);
-      this.logger.info(`[FcrStreamControl][unsubscribe-remote-video-stream] renderCount ${elements.length} is 0, unsubscribeRemoteVideoStream streamId: ${streamId}`);
+    const startTime = Date.now();
+    const parameters = "streamId: ".concat(streamId, ", element: ").concat(element);
+    try {
+      this._scene.streamPlayer.stopRenderRemoteVideoStream(streamId, element);
+      const viewId = this._subscribedStreamsControl.getViewId(element);
+      this._subscribedStreamsControl.unbind(viewId, streamId);
+      const shouldUnsubscribe = this._subscribedStreamsControl.isEmpty(streamId);
+      if (shouldUnsubscribe) {
+        this._scene.streamPlayer.unsubscribeRemoteVideoStream(streamId);
+      } else {
+        this.logger.info("[FcrStreamControl][unsubscribe-remote-video-stream] still has other views, do not unsubscribe, streamId: ".concat(streamId, ", parameters: ").concat(parameters, ", duration: ").concat(Date.now() - startTime, "ms"));
+      }
+    } catch (error) {
+      this.logger.error("[FcrStreamControl][stop-render-remote-video-stream] stop render failed, streamId: ".concat(streamId, ", error: ").concat(error, ", parameters: ").concat(parameters, ", duration: ").concat(Date.now() - startTime, "ms"));
+      throw error;
     }
-    this._scene.streamPlayer.stopRenderRemoteVideoStream(streamId, element);
   }
   startPlayRemoteAudioStream(streamId) {
     this._scene.streamPlayer.startPlayRemoteAudioStream(streamId);
@@ -285,14 +379,14 @@ class FcrStreamControlImpl {
     const res = await (0, _error.handleRequestError)(() => this._api.startShareScreen({
       roomId: this._scene.sceneId,
       userId: this._scene.getLocalUser().getLocalUserId(),
-      config: {
+      config: _objectSpread(_objectSpread({
         videoSourceType: _type.FcrVideoSourceType.SCREEN,
         audioSourceType: _type.FcrAudioSourceType.LOOPBACK,
         videoSourceState: _type.FcrMediaSourceState.CLOSE,
         audioSourceState: _type.FcrMediaSourceState.CLOSE,
         videoSourceUuid: config.videoSourceId,
-        audioSourceUuid: config.audioSourceId,
-        ...(0, _imports.convertStreamTypeToPublishState)(config.streamType),
+        audioSourceUuid: config.audioSourceId
+      }, (0, _imports.convertStreamTypeToPublishState)(config.streamType)), {}, {
         annotation: size ? {
           size: {
             width: size.width,
@@ -304,7 +398,7 @@ class FcrStreamControlImpl {
             height: 0
           }
         }
-      }
+      })
     }), _error.FcrErrorModuleCode.ROOM_STREAM, 'add local screen stream failed');
     const {
       data: {
@@ -313,7 +407,7 @@ class FcrStreamControlImpl {
       }
     } = res;
     this._screenStreamId = streamId;
-    this._scene.localUser.prepareToPublishScreenStream(streamId, token);
+    this._scene.localUser.prepareToPublishStream(streamId, token);
     return streamId;
   }
   async removeScreenStream() {
@@ -324,7 +418,7 @@ class FcrStreamControlImpl {
       });
     }, _error.FcrErrorModuleCode.ROOM_STREAM, 'remove screen stream failed');
     if (this._screenStreamId) {
-      this._scene.localUser.removePreparePublishScreenStream(this._screenStreamId);
+      this._scene.localUser.removePreparePublishStream(this._screenStreamId);
     }
     return res;
   }
@@ -359,65 +453,14 @@ class FcrStreamControlImpl {
     this._observable.removeObserver(observer);
   }
   async findSelectionByParamId(paramSourceId) {
-    const wins = (await this._mediaControl?.getWindowList()) || [];
-    const displays = (await this._mediaControl?.getDisplayList()) || [];
+    var _this$_mediaControl, _this$_mediaControl2;
+    const wins = (await ((_this$_mediaControl = this._mediaControl) === null || _this$_mediaControl === void 0 ? void 0 : _this$_mediaControl.getWindowList())) || [];
+    const displays = (await ((_this$_mediaControl2 = this._mediaControl) === null || _this$_mediaControl2 === void 0 ? void 0 : _this$_mediaControl2.getDisplayList())) || [];
     const findInList = list => list.find(item => item.id === paramSourceId);
     const winMatch = findInList(wins);
     const displayMatch = findInList(displays);
     return winMatch || displayMatch || null;
   }
-  _convertStreamInfo = info => {
-    return {
-      streamId: info.streamId,
-      streamName: info.streamName,
-      owner: (0, _user.convertRteUserToFcrUser)(info.owner, this._roomCache),
-      streamType: info.streamType,
-      videoSourceType: info.videoSourceType,
-      audioSourceType: info.audioSourceType,
-      videoSourceState: info.videoSourceState,
-      audioSourceState: info.audioSourceState,
-      videoSourceId: info.videoSourceId,
-      audioSourceId: info.audioSourceId,
-      connectorType: info.connectorType
-    };
-  };
-  _getPublishStateByPrivilege = privilege => {
-    return privilege === _imports.AgoraRteStreamPrivilegeOperation.HAS_PRIVILEGE ? 1 : privilege === _imports.AgoraRteStreamPrivilegeOperation.NOPRIVILEGE ? 0 : undefined;
-  };
-  _convertStreamEvent = event => {
-    return {
-      modifiedStream: this._convertStreamInfo(event.modifiedStream),
-      operatorUser: event.operatorUser ? (0, _user.convertRteUserToFcrUser)(event.operatorUser, this._roomCache) : undefined,
-      cause: event.cause
-    };
-  };
-  _putUserStream = (userId, stream) => {
-    if (!this._streamMapByUserId[userId]) {
-      this._streamMapByUserId[userId] = [];
-    }
-    this._streamMapByUserId[userId].push(stream);
-  };
-  _setUserStream = (userId, stream) => {
-    const streams = this._streamMapByUserId[userId];
-    if (streams) {
-      const index = streams.findIndex(s => s.streamId === stream.streamId);
-      if (index !== -1) {
-        streams.splice(index, 1, stream);
-      }
-    }
-  };
-  _deleteUserStream = (userId, stream) => {
-    const userStreams = this._streamMapByUserId[userId];
-    if (userStreams) {
-      const index = userStreams.findIndex(s => s.streamId === stream.streamId);
-      if (index !== -1) {
-        userStreams.splice(index, 1);
-      }
-      if (userStreams.length === 0) {
-        delete this._streamMapByUserId[userId];
-      }
-    }
-  };
   _addLogObserver() {
     this.addObserver((0, _logger.generateLogObserver)(this.logger, [
     // 'onLocalVideoStatsUpdated',
@@ -429,4 +472,72 @@ class FcrStreamControlImpl {
     'onStreamsAdded', 'onStreamsRemoved', 'onStreamsUpdated']));
   }
 }
-exports.FcrStreamControlImpl = FcrStreamControlImpl;
+exports.FcrStreamControlImpl = FcrStreamControlImpl;
+_FcrStreamControlImpl = FcrStreamControlImpl;
+[_initProto] = _applyDecs(_FcrStreamControlImpl, [[_imports.bound, 2, "getStreams"], [_imports.bound, 2, "getStreamList"], [_imports.bound, 2, "getStreamsByUserId"], [_imports.bound, 2, "getStreamByStreamId"], [_addLocalStreamsDecs, 2, "addLocalStreams"], [_bindLocalStreamsDecs, 2, "bindLocalStreams"], [_updatePublishPrivilegeOfStreamsDecs, 2, "updatePublishPrivilegeOfStreams"], [_removeStreamsDecs, 2, "removeStreams"], [_setVideoEncoderConfigDecs, 2, "setVideoEncoderConfig"], [[_imports.bound, _imports.trace], 2, "setDualStreamMode"], [_setScreenScenarioDecs, 2, "setScreenScenario"], [_startRenderRemoteVideoStreamDecs, 2, "startRenderRemoteVideoStream"], [_stopRenderRemoteVideoStreamDecs, 2, "stopRenderRemoteVideoStream"], [_startPlayRemoteAudioStreamDecs, 2, "startPlayRemoteAudioStream"], [_stopPlayRemoteAudioStreamDecs, 2, "stopPlayRemoteAudioStream"], [_takeSnapshotDecs, 2, "takeSnapshot"], [_addLocalScreenStreamDecs, 2, "addLocalScreenStream"], [[_imports.bound, _imports.trace], 2, "removeScreenStream"], [_adjustRemoteAudioStreamVolumeDecs, 2, "adjustRemoteAudioStreamVolume"], [_mergeAudioStreamDecs, 2, "mergeAudioStream"], [_splitAudioStreamDecs, 2, "splitAudioStream"]], []).e;
+class FcrSubscribedStreamsControl {
+  constructor() {
+    (0, _defineProperty2.default)(this, "logger", (0, _logger.createLogger)({
+      prefix: 'StreamSubscriptionManager'
+    }));
+    //@internal
+    /**
+     * Map of remote subscribed streams to their bound view IDs
+     * key: streamId - The ID of the remote video stream
+     * value: string[] - Array of viewIds bound to this stream
+     */
+    (0, _defineProperty2.default)(this, "_remoteSubscribedStreamRenderMap", new Map());
+  }
+  getViewId(element) {
+    // Adapt for harmony: AgoraRteRenderView is string in harmony, HTMLElement in web
+    if (typeof element === 'string') {
+      return element;
+    } else {
+      // @ts-ignore
+      const viewId = element.getAttribute('data-render-id');
+      if (!viewId) {
+        const uniqueId = (0, _imports.v4)();
+        // @ts-ignore
+        element.setAttribute('data-render-id', uniqueId);
+        return uniqueId;
+      }
+      return viewId;
+    }
+  }
+  isEmpty(streamId) {
+    const viewIds = this._remoteSubscribedStreamRenderMap.get(streamId);
+    return !viewIds || viewIds.length === 0;
+  }
+  bind(viewId, streamId) {
+    if (!streamId || !viewId) {
+      this.logger.warn("[FcrStreamControl][bind-view-to-stream] invalid parameters, streamId: ".concat(streamId, ", viewId: ").concat(viewId));
+      return;
+    }
+    const viewIds = this._remoteSubscribedStreamRenderMap.get(streamId) || [];
+    const isAlreadyBound = viewIds.includes(viewId);
+    if (!isAlreadyBound) {
+      viewIds.push(viewId);
+      this._remoteSubscribedStreamRenderMap.set(streamId, viewIds);
+    } else {
+      this.logger.warn("[FcrStreamControl][bind-view-to-stream] viewId already bound, streamId: ".concat(streamId, ", viewId: ").concat(viewId));
+    }
+  }
+  unbind(viewId, streamId) {
+    if (!streamId || !viewId) {
+      this.logger.warn("[FcrStreamControl][unbind-view-from-stream] invalid parameters, streamId: ".concat(streamId, ", viewId: ").concat(viewId));
+      return;
+    }
+    const viewIds = this._remoteSubscribedStreamRenderMap.get(streamId);
+    if (!viewIds || !viewIds.includes(viewId)) {
+      this.logger.warn("[FcrStreamControl][unbind-view-from-stream] viewId not found, streamId: ".concat(streamId, ", viewId: ").concat(viewId));
+      return;
+    }
+    const rest = viewIds.filter(id => id !== viewId);
+    if (rest.length === 0) {
+      this._remoteSubscribedStreamRenderMap.delete(streamId);
+    } else {
+      this._remoteSubscribedStreamRenderMap.set(streamId, rest);
+    }
+  }
+}
+exports.FcrSubscribedStreamsControl = FcrSubscribedStreamsControl;