@webex/plugin-meetings 3.0.0-bnr.5 → 3.0.0-next.2

package/dist/multistream/remoteMediaManager.js

@@ -22,19 +22,16 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/defineProperty"));
-var _remove2 = _interopRequireDefault(require("lodash/remove"));
-var _forEach2 = _interopRequireDefault(require("lodash/forEach"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+var _lodash = require("lodash");
 var _internalMediaCore = require("@webex/internal-media-core");
 var _loggerProxy = _interopRequireDefault(require("../common/logs/logger-proxy"));
 var _eventsScope = _interopRequireDefault(require("../common/events/events-scope"));
 var _remoteMedia = require("./remoteMedia");
 var _remoteMediaGroup = require("./remoteMediaGroup");
+var _constants = require("../constants");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/* Predefined layouts: */
-
-// An "all equal" grid, with size up to 3 x 3 = 9:
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable valid-jsdoc */
+/* Predefined layouts: */ // An "all equal" grid, with size up to 3 x 3 = 9:
 var AllEqualLayout = {
   activeSpeakerVideoPaneGroups: [{
     id: 'main',
@@ -70,6 +67,7 @@ var OnePlusFiveLayout = {
 };
 
 // A layout with 2 big panes for 2 main active speakers and a strip of 6 small panes for other active speakers:
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var TwoMainPlusSixSmallLayout = {
   activeSpeakerVideoPaneGroups: [{
     id: 'mainGroupWith2BigPanes',
@@ -130,7 +128,7 @@ var Stage2x2With6ThumbnailsLayout = {
  * - prefers active speakers with live video (e.g. are not audio only or video muted) over active speakers without live video
  * - has a few layouts defined, including 1 that contains remote screen share (ScreenShareView)
  */
-var DefaultConfiguration = {
+var DefaultConfiguration = exports.DefaultConfiguration = {
   audio: {
     numOfActiveSpeakerStreams: 3,
     numOfScreenShareStreams: 1
@@ -147,14 +145,13 @@ var DefaultConfiguration = {
     }
   }
 };
-exports.DefaultConfiguration = DefaultConfiguration;
-var Event;
-exports.Event = Event;
-(function (Event) {
+var Event = exports.Event = /*#__PURE__*/function (Event) {
   Event["AudioCreated"] = "AudioCreated";
+  Event["InterpretationAudioCreated"] = "InterpretationAudioCreated";
   Event["ScreenShareAudioCreated"] = "ScreenShareAudioCreated";
   Event["VideoLayoutChanged"] = "VideoLayoutChanged";
-})(Event || (exports.Event = Event = {}));
+  return Event;
+}({});
 /**
  * A helper class that manages all remote audio/video streams in order to achieve a predefined set of layouts.
  * It also creates a fixed number of audio streams and these don't change during the meeting.
@@ -163,7 +160,7 @@ exports.Event = Event;
  * - owns the receive slots (creates them when needed, and re-uses them when switching layouts)
  * - constructs appropriate RemoteMedia and RemoteMediaGroup objects and sends appropriate mediaRequests
  */
-var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
+var RemoteMediaManager = exports.RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
   (0, _inherits2.default)(RemoteMediaManager, _EventsScope);
   var _super = _createSuper(RemoteMediaManager);
   /**
@@ -192,7 +189,10 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
     _this.receiveSlotManager = receiveSlotManager;
     _this.mediaRequestManagers = mediaRequestManagers;
     _this.media = {
-      audio: undefined,
+      audio: {
+        main: undefined,
+        si: undefined
+      },
       video: {
         activeSpeakerGroups: {},
         memberPanes: {}
@@ -204,7 +204,10 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
     };
     _this.checkConfigValidity();
     _this.slots = {
-      audio: [],
+      audio: {
+        main: [],
+        si: undefined
+      },
       screenShare: {
         audio: [],
         video: undefined
@@ -265,7 +268,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      */
   }, {
     key: "start",
-    value: function () {
+    value: (function () {
       var _start = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -304,6 +307,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      * Releases all the used resources (like allocated receive slots). This function needs
      * to be called when we leave the meeting, etc.
      */
+    )
   }, {
     key: "stop",
     value: function stop() {
@@ -320,10 +324,13 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
       });
 
       // release all audio receive slots
-      this.slots.audio.forEach(function (slot) {
+      this.slots.audio.main.forEach(function (slot) {
         return _this2.receiveSlotManager.releaseSlot(slot);
       });
-      this.slots.audio.length = 0;
+      this.slots.audio.main.length = 0;
+      if (this.slots.audio.si) {
+        this.receiveSlotManager.releaseSlot(this.slots.audio.si);
+      }
 
       // release screen share slots
       this.slots.screenShare.audio.forEach(function (slot) {
@@ -377,7 +384,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      */
   }, {
     key: "preallocateVideoReceiveSlots",
-    value: function () {
+    value: (function () {
       var _preallocateVideoReceiveSlots = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         var _this3 = this;
         var maxNumVideoPanesRequired;
@@ -417,9 +424,10 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      * @param {LayoutId} layoutId new layout id
      * @returns {Promise}
      */
+    )
   }, {
     key: "setLayout",
-    value: function () {
+    value: (function () {
       var _setLayout = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(layoutId) {
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -436,15 +444,16 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
               }
               throw new Error('setLayout() called before start()');
             case 4:
+              _loggerProxy.default.logger.log("RemoteMediaManager#setLayout --> new layout selected: ".concat(layoutId));
               this.currentLayoutId = layoutId;
-              this.currentLayout = (0, _cloneDeep2.default)(this.config.video.layouts[this.currentLayoutId]);
-              _context3.next = 8;
+              this.currentLayout = (0, _lodash.cloneDeep)(this.config.video.layouts[this.currentLayoutId]);
+              _context3.next = 9;
               return this.updateVideoReceiveSlots();
-            case 8:
+            case 9:
               this.updateVideoRemoteMediaObjects();
               this.updateScreenShareVideoRemoteMediaObject();
               this.emitVideoLayoutChangedEvent();
-            case 11:
+            case 12:
             case "end":
               return _context3.stop();
           }
@@ -460,81 +469,216 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      *
      * @returns {LayoutId}
      */
+    )
   }, {
     key: "getLayoutId",
     value: function getLayoutId() {
       return this.currentLayoutId;
     }
 
+    /**
+     * sets the preferLiveVideo
+     */
+  }, {
+    key: "setPreferLiveVideo",
+    value: function setPreferLiveVideo(preferLiveVideo) {
+      _loggerProxy.default.logger.log("RemoteMediaManager#setPreferLiveVideo --> setPreferLiveVideo is called to set preferLiveVideo to ".concat(preferLiveVideo));
+      this.config.video.preferLiveVideo = preferLiveVideo;
+      (0, _values.default)(this.media.video.activeSpeakerGroups).forEach(function (activeSpeakerGroup) {
+        activeSpeakerGroup.setPreferLiveVideo(preferLiveVideo, false);
+      });
+      this.mediaRequestManagers.video.commit();
+    }
+
+    /**
+     * Sets CSIs for multiple RemoteMedia instances belonging to RemoteMediaGroup.
+     * For each entry in the remoteMediaCsis array:
+     * - if csi is specified, the RemoteMedia instance is pinned to that CSI
+     * - if csi is undefined, the RemoteMedia instance is unpinned
+     */
+  }, {
+    key: "setActiveSpeakerCsis",
+    value: function setActiveSpeakerCsis(remoteMediaCsis) {
+      (0, _values.default)(this.media.video.activeSpeakerGroups).forEach(function (remoteMediaGroup) {
+        var groupRemoteMediaCsis = remoteMediaCsis.filter(function (_ref) {
+          var remoteMedia = _ref.remoteMedia;
+          return remoteMediaGroup.includes(remoteMedia);
+        });
+        if (groupRemoteMediaCsis.length > 0) {
+          remoteMediaGroup.setActiveSpeakerCsis(groupRemoteMediaCsis, false);
+        }
+      });
+      this.mediaRequestManagers.video.commit();
+    }
+
+    /**
+     * Sets which named media group need receiving
+     * @param {MediaType} mediaType of the stream
+     * @param {number} languageCode of the stream. If the languageId is 0, the named media group request will be canceled,
+     * and only receive the main audio stream.
+     * @returns {void}
+     */
+  }, {
+    key: "setReceiveNamedMediaGroup",
+    value: (function () {
+      var _setReceiveNamedMediaGroup = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(mediaType, languageId) {
+        var _this$config$namedMed;
+        var value;
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              if (!(mediaType !== _internalMediaCore.MediaType.AudioMain)) {
+                _context4.next = 2;
+                break;
+              }
+              throw new Error("cannot set receive named media group which media type is ".concat(mediaType));
+            case 2:
+              value = languageId;
+              if (!(value === ((_this$config$namedMed = this.config.namedMediaGroup) === null || _this$config$namedMed === void 0 ? void 0 : _this$config$namedMed.value))) {
+                _context4.next = 5;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 5:
+              this.config.namedMediaGroup = {
+                type: _constants.NAMED_MEDIA_GROUP_TYPE_AUDIO,
+                value: value
+              };
+              if (this.media.audio.si) {
+                _context4.next = 11;
+                break;
+              }
+              _context4.next = 9;
+              return this.createInterpretationAudioMedia(true);
+            case 9:
+              _context4.next = 12;
+              break;
+            case 11:
+              this.media.audio.si.setNamedMediaGroup(this.config.namedMediaGroup, true);
+            case 12:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function setReceiveNamedMediaGroup(_x2, _x3) {
+        return _setReceiveNamedMediaGroup.apply(this, arguments);
+      }
+      return setReceiveNamedMediaGroup;
+    }()
     /**
      * Creates the audio slots
      */
+    )
   }, {
     key: "createAudioMedia",
-    value: function () {
-      var _createAudioMedia = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+    value: (function () {
+      var _createAudioMedia = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
         var i, slot;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regenerator.default.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
+              _context5.next = 2;
+              return this.createInterpretationAudioMedia(false);
+            case 2:
               i = 0;
-            case 1:
+            case 3:
               if (!(i < this.config.audio.numOfActiveSpeakerStreams)) {
-                _context4.next = 9;
+                _context5.next = 11;
                 break;
               }
-              _context4.next = 4;
+              _context5.next = 6;
               return this.receiveSlotManager.allocateSlot(_internalMediaCore.MediaType.AudioMain);
-            case 4:
-              slot = _context4.sent;
-              this.slots.audio.push(slot);
             case 6:
+              slot = _context5.sent;
+              this.slots.audio.main.push(slot);
+            case 8:
               i += 1;
-              _context4.next = 1;
+              _context5.next = 3;
               break;
-            case 9:
-              // create a remote media group
-              this.media.audio = new _remoteMediaGroup.RemoteMediaGroup(this.mediaRequestManagers.audio, this.slots.audio, 255, true);
+            case 11:
+              // create a remote media group for main audio
+              this.media.audio.main = new _remoteMediaGroup.RemoteMediaGroup(this.mediaRequestManagers.audio, this.slots.audio.main, 255, true);
               this.emit({
                 file: 'multistream/remoteMediaManager',
                 function: 'createAudioMedia'
-              }, Event.AudioCreated, this.media.audio);
-            case 11:
+              }, Event.AudioCreated, this.media.audio.main);
+            case 13:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this);
+        }, _callee5, this);
       }));
       function createAudioMedia() {
         return _createAudioMedia.apply(this, arguments);
       }
       return createAudioMedia;
     }()
+    /**
+     * Creates the audio slots for named media
+     */
+    )
+  }, {
+    key: "createInterpretationAudioMedia",
+    value: (function () {
+      var _createInterpretationAudioMedia = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(commitRequest) {
+        var _this$config$namedMed2, _this$config$namedMed3;
+        return _regenerator.default.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              if (!(((_this$config$namedMed2 = this.config.namedMediaGroup) === null || _this$config$namedMed2 === void 0 ? void 0 : _this$config$namedMed2.type) === _constants.NAMED_MEDIA_GROUP_TYPE_AUDIO && (_this$config$namedMed3 = this.config.namedMediaGroup) !== null && _this$config$namedMed3 !== void 0 && _this$config$namedMed3.value)) {
+                _context6.next = 6;
+                break;
+              }
+              _context6.next = 3;
+              return this.receiveSlotManager.allocateSlot(_internalMediaCore.MediaType.AudioMain);
+            case 3:
+              this.slots.audio.si = _context6.sent;
+              // create a remote media group for si audio
+              this.media.audio.si = new _remoteMediaGroup.RemoteMediaGroup(this.mediaRequestManagers.audio, [this.slots.audio.si], 255, commitRequest, {
+                namedMediaGroup: this.config.namedMediaGroup
+              });
+              this.emit({
+                file: 'multistream/remoteMediaManager',
+                function: 'createInterpretationAudioMedia'
+              }, Event.InterpretationAudioCreated, this.media.audio.si);
+            case 6:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, this);
+      }));
+      function createInterpretationAudioMedia(_x4) {
+        return _createInterpretationAudioMedia.apply(this, arguments);
+      }
+      return createInterpretationAudioMedia;
+    }()
     /**
      * Creates receive slots required for receiving screen share audio and video
      */
+    )
   }, {
     key: "createScreenShareReceiveSlots",
-    value: function () {
-      var _createScreenShareReceiveSlots = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+    value: (function () {
+      var _createScreenShareReceiveSlots = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
         var i, slot, isAnyLayoutContainingScreenShareVideo;
-        return _regenerator.default.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regenerator.default.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               i = 0;
             case 1:
               if (!(i < this.config.audio.numOfScreenShareStreams)) {
-                _context5.next = 9;
+                _context7.next = 9;
                 break;
               }
-              _context5.next = 4;
+              _context7.next = 4;
               return this.receiveSlotManager.allocateSlot(_internalMediaCore.MediaType.AudioSlides);
             case 4:
-              slot = _context5.sent;
+              slot = _context7.sent;
               this.slots.screenShare.audio.push(slot);
             case 6:
               i += 1;
-              _context5.next = 1;
+              _context7.next = 1;
               break;
             case 9:
               // video
@@ -542,18 +686,18 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
                 return !!layout.screenShareVideo;
               });
               if (!isAnyLayoutContainingScreenShareVideo) {
-                _context5.next = 14;
+                _context7.next = 14;
                 break;
               }
-              _context5.next = 13;
+              _context7.next = 13;
               return this.receiveSlotManager.allocateSlot(_internalMediaCore.MediaType.VideoSlides);
             case 13:
-              this.slots.screenShare.video = _context5.sent;
+              this.slots.screenShare.video = _context7.sent;
             case 14:
             case "end":
-              return _context5.stop();
+              return _context7.stop();
           }
-        }, _callee5, this);
+        }, _callee7, this);
       }));
       function createScreenShareReceiveSlots() {
         return _createScreenShareReceiveSlots.apply(this, arguments);
@@ -563,6 +707,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
     /**
      * Creates RemoteMedia objects for screen share
      */
+    )
   }, {
     key: "createScreenShareAudioMedia",
     value: function createScreenShareAudioMedia() {
@@ -599,7 +744,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
       };
 
       // keep receiverSelected slots that match our new requiredCsis, move the rest of receiverSelected slots to unused
-      var notNeededReceiverSelectedSlots = (0, _remove2.default)(this.slots.video.receiverSelected, function (slot) {
+      var notNeededReceiverSelectedSlots = (0, _lodash.remove)(this.slots.video.receiverSelected, function (slot) {
         return isCsiNeededByCurrentLayout(slot.csi) === false;
       });
       (_this$slots$video$unu3 = this.slots.video.unused).push.apply(_this$slots$video$unu3, (0, _toConsumableArray2.default)(notNeededReceiverSelectedSlots));
@@ -687,38 +832,38 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      */
   }, {
     key: "refillRequiredSlotsIfNeeded",
-    value: function () {
-      var _refillRequiredSlotsIfNeeded = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+    value: (function () {
+      var _refillRequiredSlotsIfNeeded = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
         var requiredNumSlots, totalNumSlots, numSlotsToCreate;
-        return _regenerator.default.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regenerator.default.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               requiredNumSlots = this.getRequiredNumVideoSlotsForLayout(this.currentLayout);
               totalNumSlots = this.slots.video.unused.length + this.slots.video.activeSpeaker.length + this.slots.video.receiverSelected.length;
               if (!(totalNumSlots < requiredNumSlots)) {
-                _context6.next = 13;
+                _context8.next = 13;
                 break;
               }
               numSlotsToCreate = requiredNumSlots - totalNumSlots;
             case 4:
               if (!(numSlotsToCreate > 0)) {
-                _context6.next = 13;
+                _context8.next = 13;
                 break;
               }
-              _context6.t0 = this.slots.video.unused;
-              _context6.next = 8;
+              _context8.t0 = this.slots.video.unused;
+              _context8.next = 8;
               return this.receiveSlotManager.allocateSlot(_internalMediaCore.MediaType.VideoMain);
             case 8:
-              _context6.t1 = _context6.sent;
-              _context6.t0.push.call(_context6.t0, _context6.t1);
+              _context8.t1 = _context8.sent;
+              _context8.t0.push.call(_context8.t0, _context8.t1);
               numSlotsToCreate -= 1;
-              _context6.next = 4;
+              _context8.next = 4;
               break;
             case 13:
             case "end":
-              return _context6.stop();
+              return _context8.stop();
           }
-        }, _callee6, this);
+        }, _callee8, this);
       }));
       function refillRequiredSlotsIfNeeded() {
         return _refillRequiredSlotsIfNeeded.apply(this, arguments);
@@ -728,6 +873,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
     /**
      * Move all active speaker slots to "unused"
      */
+    )
   }, {
     key: "trimActiveSpeakerSlots",
     value: function trimActiveSpeakerSlots() {
@@ -740,19 +886,55 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      * Logs the state of the receive slots
      */
   }, {
-    key: "logReceieveSlots",
-    value: function logReceieveSlots() {
+    key: "logMainVideoReceiveSlots",
+    value: function logMainVideoReceiveSlots() {
       var logMessage = '';
-      (0, _forEach2.default)(this.receiveSlotAllocations.activeSpeaker, function (group, groupName) {
-        logMessage += "group: ".concat(groupName, "\n").concat(group.slots.map(function (slot) {
+      (0, _lodash.forEach)(this.receiveSlotAllocations.activeSpeaker, function (group, groupName) {
+        logMessage += "\ngroup: ".concat(groupName, "\n").concat(group.slots.map(function (slot) {
           return slot.logString;
-        }).join(' '));
+        }).join(', '));
       });
       logMessage += '\nreceiverSelected:\n';
-      (0, _forEach2.default)(this.receiveSlotAllocations.receiverSelected, function (slot, key) {
+      (0, _lodash.forEach)(this.receiveSlotAllocations.receiverSelected, function (slot, key) {
         logMessage += " ".concat(key, ": ").concat(slot.logString, "\n");
       });
-      _loggerProxy.default.logger.log("RemoteMediaManager#updateVideoReceiveSlots --> receive slots updated: unused=".concat(this.slots.video.unused.length, ", activeSpeaker=").concat(this.slots.video.activeSpeaker.length, ", receiverSelected=").concat(this.slots.video.receiverSelected.length, "\n").concat(logMessage));
+      _loggerProxy.default.logger.log("RemoteMediaManager#logMainVideoReceiveSlots --> MAIN VIDEO receive slots: unused=".concat(this.slots.video.unused.length, ", activeSpeaker=").concat(this.slots.video.activeSpeaker.length, ", receiverSelected=").concat(this.slots.video.receiverSelected.length).concat(logMessage));
+    }
+
+    /** logs main audio slots */
+  }, {
+    key: "logMainAudioReceiveSlots",
+    value: function logMainAudioReceiveSlots() {
+      _loggerProxy.default.logger.log("RemoteMediaManager#logMainAudioReceiveSlots --> MAIN AUDIO receive slots: ".concat(this.slots.audio.main.map(function (slot) {
+        return slot.logString;
+      }).join(', ')));
+    }
+
+    /** logs slides video slots */
+  }, {
+    key: "logSlidesVideoReceiveSlots",
+    value: function logSlidesVideoReceiveSlots() {
+      var _this$slots$screenSha;
+      _loggerProxy.default.logger.log("RemoteMediaManager#logSlidesVideoReceiveSlots --> SLIDES VIDEO receive slot: ".concat((_this$slots$screenSha = this.slots.screenShare.video) === null || _this$slots$screenSha === void 0 ? void 0 : _this$slots$screenSha.logString));
+    }
+
+    /** logs slides audio slots */
+  }, {
+    key: "logSlidesAudioReceiveSlots",
+    value: function logSlidesAudioReceiveSlots() {
+      _loggerProxy.default.logger.log("RemoteMediaManager#logSlidesAudioReceiveSlots --> SLIDES AUDIO receive slots: ".concat(this.slots.screenShare.audio.map(function (slot) {
+        return slot.logString;
+      }).join(', ')));
+    }
+
+    /** Logs all current receive slots */
+  }, {
+    key: "logAllReceiveSlots",
+    value: function logAllReceiveSlots() {
+      this.logMainVideoReceiveSlots();
+      this.logMainAudioReceiveSlots();
+      this.logSlidesVideoReceiveSlots();
+      this.logSlidesAudioReceiveSlots();
     }
 
     /**
@@ -763,10 +945,10 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      */
   }, {
     key: "updateVideoReceiveSlots",
-    value: function () {
-      var _updateVideoReceiveSlots = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
-        return _regenerator.default.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+    value: (function () {
+      var _updateVideoReceiveSlots = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+        return _regenerator.default.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               // move all active speaker slots to "unused"
               this.trimActiveSpeakerSlots();
@@ -775,7 +957,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
               this.trimReceiverSelectedSlots();
 
               // ensure we have enough total slots for current layout
-              _context7.next = 4;
+              _context9.next = 4;
               return this.refillRequiredSlotsIfNeeded();
             case 4:
               // allocate the slots to the right panes / pane groups
@@ -788,16 +970,16 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
               this.allocateSlotsToActiveSpeakerPaneGroups();
               // allocate receiver selected
               this.allocateSlotsToReceiverSelectedVideoPaneGroups();
-              this.logReceieveSlots();
+              this.logMainVideoReceiveSlots();
 
               // If this is the initial layout, there may be some "unused" slots left because of the preallocation
               // done in this.preallocateVideoReceiveSlots(), so release them now
               this.releaseUnusedVideoSlots();
             case 9:
             case "end":
-              return _context7.stop();
+              return _context9.stop();
           }
-        }, _callee7, this);
+        }, _callee9, this);
       }));
       function updateVideoReceiveSlots() {
         return _updateVideoReceiveSlots.apply(this, arguments);
@@ -808,6 +990,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      * Creates new RemoteMedia and RemoteMediaGroup objects for the current layout
      * and sends the media requests for all of them.
      */
+    )
   }, {
     key: "updateVideoRemoteMediaObjects",
     value: function updateVideoRemoteMediaObjects() {
@@ -914,8 +1097,13 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
         screenShareAudio = options.screenShareAudio,
         screenShareVideo = options.screenShareVideo,
         commit = options.commit;
-      if (audio && this.media.audio) {
-        this.media.audio.stop(commit);
+      if (audio) {
+        if (this.media.audio.main) {
+          this.media.audio.main.stop(commit);
+        }
+        if (this.media.audio.si) {
+          this.media.audio.si.stop(commit);
+        }
       }
       if (video) {
         (0, _values.default)(this.media.video.activeSpeakerGroups).forEach(function (remoteMediaGroup) {
@@ -986,15 +1174,15 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      */
   }, {
     key: "addMemberVideoPane",
-    value: function () {
-      var _addMemberVideoPane = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(newPane) {
+    value: (function () {
+      var _addMemberVideoPane = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(newPane) {
         var _this$currentLayout5;
         var receiveSlot, remoteMedia;
-        return _regenerator.default.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regenerator.default.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               if (this.currentLayout) {
-                _context8.next = 2;
+                _context10.next = 2;
                 break;
               }
               throw new Error('There is no current layout selected, call start() first');
@@ -1003,16 +1191,16 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
                 this.currentLayout.memberVideoPanes = [];
               }
               if (!(newPane.id in this.currentLayout.memberVideoPanes)) {
-                _context8.next = 5;
+                _context10.next = 5;
                 break;
               }
               throw new Error("duplicate pane id ".concat(newPane.id, " - this pane already exists in current layout's memberVideoPanes"));
             case 5:
               this.currentLayout.memberVideoPanes.push(newPane);
-              _context8.next = 8;
+              _context10.next = 8;
               return this.receiveSlotManager.allocateSlot(_internalMediaCore.MediaType.VideoMain);
             case 8:
-              receiveSlot = _context8.sent;
+              receiveSlot = _context10.sent;
               this.slots.video.receiverSelected.push(receiveSlot);
               remoteMedia = new _remoteMedia.RemoteMedia(receiveSlot, this.mediaRequestManagers.video, {
                 resolution: newPane.size
@@ -1021,14 +1209,14 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
                 remoteMedia.sendMediaRequest(newPane.csi, true);
               }
               this.media.video.memberPanes[newPane.id] = remoteMedia;
-              return _context8.abrupt("return", remoteMedia);
+              return _context10.abrupt("return", remoteMedia);
             case 14:
             case "end":
-              return _context8.stop();
+              return _context10.stop();
           }
-        }, _callee8, this);
+        }, _callee10, this);
       }));
-      function addMemberVideoPane(_x2) {
+      function addMemberVideoPane(_x5) {
         return _addMemberVideoPane.apply(this, arguments);
       }
       return addMemberVideoPane;
@@ -1041,6 +1229,7 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
      * @param {PaneId} paneId pane id of the pane to remove
      * @returns {Promise<void>}
      */
+    )
   }, {
     key: "removeMemberVideoPane",
     value: function removeMemberVideoPane(paneId) {
@@ -1133,5 +1322,4 @@ var RemoteMediaManager = /*#__PURE__*/function (_EventsScope) {
   }]);
   return RemoteMediaManager;
 }(_eventsScope.default);
-exports.RemoteMediaManager = RemoteMediaManager;
 //# sourceMappingURL=remoteMediaManager.js.map