fcr-ui-scene 3.6.2 → 3.6.4-rc.1

package/lib/providers/message-provider.js

@@ -23,8 +23,6 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");

package/lib/providers/phone-audio-provider.js

@@ -53,9 +53,6 @@ require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.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.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -261,15 +258,15 @@ var FcrUIPhoneAudioConnectorProviderImpl = exports.FcrUIPhoneAudioConnectorProvi
     key: "getConnectorInfo",
     value: function () {
       var _getConnectorInfo = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              _context.next = 1;
               return this._roomControl.getRoomConnectorControl().getRoomConnectorPhoneInfo();
-            case 2:
+            case 1:
               this.connectionPhoneInfos = _context.sent;
               this.connectInfo = this.connectionPhoneInfos[0];
-            case 4:
+            case 2:
             case "end":
               return _context.stop();
           }
@@ -295,7 +292,7 @@ var FcrUIPhoneAudioConnectorProviderImpl = exports.FcrUIPhoneAudioConnectorProvi
     value: function () {
       var _startCall = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(phoneNumber) {
         var _this$_userControl$ge, phoneUserId, userName;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
+        return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               _this$_userControl$ge = this._userControl.getLocalUser(), phoneUserId = _this$_userControl$ge.userId, userName = _this$_userControl$ge.userName;
@@ -303,20 +300,20 @@ var FcrUIPhoneAudioConnectorProviderImpl = exports.FcrUIPhoneAudioConnectorProvi
               this.outgoingCall = true;
               this.isHangup = false;
               if (phoneNumber) {
-                _context2.next = 6;
+                _context2.next = 1;
                 break;
               }
               return _context2.abrupt("return");
-            case 6:
-              _context2.next = 8;
+            case 1:
+              _context2.next = 2;
               return this._roomControl.getRoomConnectorControl().startSessionByPhone({
                 phoneNumber: phoneNumber,
                 userName: userName,
                 phoneUserId: phoneUserId
               });
-            case 8:
+            case 2:
               this._sessionId = _context2.sent;
-            case 9:
+            case 3:
             case "end":
               return _context2.stop();
           }
@@ -331,18 +328,19 @@ var FcrUIPhoneAudioConnectorProviderImpl = exports.FcrUIPhoneAudioConnectorProvi
     key: "stopCall",
     value: function () {
       var _stopCall = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
+        var _t;
+        return _regenerator["default"].wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               this.isHangup = true;
-              _context3.t0 = this.connectSession;
-              if (!_context3.t0) {
-                _context3.next = 5;
+              _t = this.connectSession;
+              if (!_t) {
+                _context3.next = 1;
                 break;
               }
-              _context3.next = 5;
+              _context3.next = 1;
               return this._roomControl.getRoomConnectorControl().stopSession(this.connectSession.sessionId);
-            case 5:
+            case 1:
             case "end":
               return _context3.stop();
           }

package/lib/providers/privilege-provider.js

@@ -14,7 +14,6 @@ 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.async-iterator.every.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.iterator.every.js");
 require("core-js/modules/esnext.map.delete-all.js");
@@ -54,10 +53,6 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.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.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");
@@ -197,16 +192,16 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
       return !!(info !== null && info !== void 0 && info.enable);
     }));
     (0, _defineProperty2["default"])(this, "allowShareScreen", (0, _mobxUtils.computedFn)(function () {
-      var info = _this.securityInfos.find(function (_ref10) {
-        var info = _ref10.info;
+      var info = _this.securityInfos.find(function (_ref0) {
+        var info = _ref0.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.ShareScreen;
       });
       return !!(info !== null && info !== void 0 && info.enable);
     }));
     (0, _defineProperty2["default"])(this, "allowScreenShareAndBoard", (0, _mobxUtils.computedFn)(function () {
       var _info$info;
-      var info = _this.securityInfos.find(function (_ref11) {
-        var info = _ref11.info;
+      var info = _this.securityInfos.find(function (_ref1) {
+        var info = _ref1.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.Sharing;
       });
       var shareState = info === null || info === void 0 || (_info$info = info.info) === null || _info$info === void 0 ? void 0 : _info$info.payload;
@@ -215,8 +210,8 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
     }));
     (0, _defineProperty2["default"])(this, "allowBoardWriteState", (0, _mobxUtils.computedFn)(function () {
       var _info$info2, _shareState$board;
-      var info = _this.securityInfos.find(function (_ref12) {
-        var info = _ref12.info;
+      var info = _this.securityInfos.find(function (_ref10) {
+        var info = _ref10.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.Sharing;
       });
       var shareState = info === null || info === void 0 || (_info$info2 = info.info) === null || _info$info2 === void 0 ? void 0 : _info$info2.payload;
@@ -224,8 +219,8 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
       return boardWriteState;
     }));
     (0, _defineProperty2["default"])(this, "allowAnnotationWriteState", (0, _mobxUtils.computedFn)(function () {
-      var info = _this.securityInfos.find(function (_ref13) {
-        var info = _ref13.info;
+      var info = _this.securityInfos.find(function (_ref11) {
+        var info = _ref11.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.Annotation;
       });
       var shareState = info === null || info === void 0 ? void 0 : info.payload;
@@ -233,36 +228,36 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
       return annotationWriteState;
     }));
     (0, _defineProperty2["default"])(this, "allowUnmuteSelfVideo", (0, _mobxUtils.computedFn)(function () {
-      var info = _this.securityInfos.find(function (_ref14) {
-        var info = _ref14.info;
+      var info = _this.securityInfos.find(function (_ref12) {
+        var info = _ref12.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.StartVideo;
       });
       return !!(info !== null && info !== void 0 && info.enable);
     }));
     (0, _defineProperty2["default"])(this, "allowUnmuteSelfAudio", (0, _mobxUtils.computedFn)(function () {
-      var info = _this.securityInfos.find(function (_ref15) {
-        var info = _ref15.info;
+      var info = _this.securityInfos.find(function (_ref13) {
+        var info = _ref13.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.StartAudio;
       });
       return !!(info !== null && info !== void 0 && info.enable);
     }));
     (0, _defineProperty2["default"])(this, "isLockRoomEnabled", (0, _mobxUtils.computedFn)(function () {
-      var info = _this.securityInfos.find(function (_ref16) {
-        var info = _ref16.info;
+      var info = _this.securityInfos.find(function (_ref14) {
+        var info = _ref14.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.LockedRoom;
       });
       return !!(info !== null && info !== void 0 && info.enable);
     }));
     (0, _defineProperty2["default"])(this, "isWaitingRoomEnabled", (0, _mobxUtils.computedFn)(function () {
-      var info = _this.securityInfos.find(function (_ref17) {
-        var info = _ref17.info;
+      var info = _this.securityInfos.find(function (_ref15) {
+        var info = _ref15.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.WaitingRoom;
       });
       return !!(info !== null && info !== void 0 && info.enable);
     }));
     (0, _defineProperty2["default"])(this, "isWaterMarkEnabled", (0, _mobxUtils.computedFn)(function () {
-      var info = _this.securityInfos.find(function (_ref18) {
-        var info = _ref18.info;
+      var info = _this.securityInfos.find(function (_ref16) {
+        var info = _ref16.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.WaterMark;
       });
       return !!(info !== null && info !== void 0 && info.enable);
@@ -405,8 +400,8 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
       return _this._hasPermission(_type2.FcrPermissionAction.BoardWrite, _type2.FcrPrivilegeUserRole.SELF);
     });
     (0, _defineProperty2["default"])(this, "hasAnnotationStartPermission", function () {
-      var info = _this.securityInfos.find(function (_ref19) {
-        var info = _ref19.info;
+      var info = _this.securityInfos.find(function (_ref17) {
+        var info = _ref17.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.Annotation;
       });
       var shareState = info === null || info === void 0 ? void 0 : info.payload;
@@ -456,8 +451,8 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
     });
     (0, _defineProperty2["default"])(this, "isMulti", (0, _mobxUtils.computedFn)(function () {
       var _info$info3;
-      var info = _this.securityInfos.find(function (_ref20) {
-        var info = _ref20.info;
+      var info = _this.securityInfos.find(function (_ref18) {
+        var info = _ref18.info;
         return (info === null || info === void 0 ? void 0 : info.action) === _type2.FcrSecurityAction.WaterMark;
       });
       return (info === null || info === void 0 || (_info$info3 = info.info) === null || _info$info3 === void 0 ? void 0 : _info$info3.payload.lineType) === _type.FcrLineType.MULTI_ROW;
@@ -508,64 +503,64 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
       return operations;
     });
     (0, _defineProperty2["default"])(this, "allowShareAndWrite", /*#__PURE__*/function () {
-      var _ref21 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(state) {
+      var _ref19 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(state) {
         var enable;
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               enable = state === _enums.FcrSharePermissionState.ON;
-              _context.next = 3;
+              _context.next = 1;
               return _this._privilegeControl.allowShareAndWrite(enable, [_type2.FcrPrivilegeUserRole.PARTICIPANT]);
-            case 3:
+            case 1:
               return _context.abrupt("return", _context.sent);
-            case 4:
+            case 2:
             case "end":
               return _context.stop();
           }
         }, _callee);
       }));
       return function (_x) {
-        return _ref21.apply(this, arguments);
+        return _ref19.apply(this, arguments);
       };
     }());
     (0, _defineProperty2["default"])(this, "setAllowAnnotation", /*#__PURE__*/function () {
-      var _ref22 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(state) {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
+      var _ref20 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(state) {
+        return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context2.next = 2;
+              _context2.next = 1;
               return _this._privilegeControl.allowWriteAnnotation(state, [_type2.FcrPrivilegeUserRole.PARTICIPANT]);
-            case 2:
+            case 1:
               return _context2.abrupt("return", _context2.sent);
-            case 3:
+            case 2:
             case "end":
               return _context2.stop();
           }
         }, _callee2);
       }));
       return function (_x2) {
-        return _ref22.apply(this, arguments);
+        return _ref20.apply(this, arguments);
       };
     }());
     (0, _defineProperty2["default"])(this, "setAllowWriteBoard", /*#__PURE__*/function () {
-      var _ref23 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(state) {
+      var _ref21 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(state) {
         var enable;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
+        return _regenerator["default"].wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               enable = typeof state === 'boolean' ? state : state === _enums.FcrSharePermissionState.ON;
-              _context3.next = 3;
+              _context3.next = 1;
               return _this._privilegeControl.allowWriteBoard(enable, [_type2.FcrPrivilegeUserRole.PARTICIPANT]);
-            case 3:
+            case 1:
               return _context3.abrupt("return", _context3.sent);
-            case 4:
+            case 2:
             case "end":
               return _context3.stop();
           }
         }, _callee3);
       }));
       return function (_x3) {
-        return _ref23.apply(this, arguments);
+        return _ref21.apply(this, arguments);
       };
     }());
     //全体静音
@@ -656,9 +651,9 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
     (0, _defineProperty2["default"])(this, "_hasPermission", (0, _mobxUtils.computedFn)(function (action, targetRole) {
       var _this$permissionInfos;
       var convertedRole = targetRole === _type2.FcrPrivilegeUserRole.SELF ? [_this._localUser.userRole, _type2.FcrPrivilegeUserRole.SELF] : [targetRole];
-      var info = (_this$permissionInfos = _this.permissionInfos) === null || _this$permissionInfos === void 0 ? void 0 : _this$permissionInfos.find(function (_ref24) {
+      var info = (_this$permissionInfos = _this.permissionInfos) === null || _this$permissionInfos === void 0 ? void 0 : _this$permissionInfos.find(function (_ref22) {
         var _info$targetRoles;
-        var info = _ref24.info;
+        var info = _ref22.info;
         return (info === null || info === void 0 ? void 0 : info.action) === action && ((info === null || info === void 0 || (_info$targetRoles = info.targetRoles) === null || _info$targetRoles === void 0 ? void 0 : _info$targetRoles.length) === 0 || convertedRole.some(function (role) {
           var _info$targetRoles2;
           return info === null || info === void 0 || (_info$targetRoles2 = info.targetRoles) === null || _info$targetRoles2 === void 0 ? void 0 : _info$targetRoles2.includes(role);
@@ -674,9 +669,9 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
           return _params && _params[key].includes(params[key]);
         });
       };
-      var info = (_this$permissionInfos2 = _this.permissionInfos) === null || _this$permissionInfos2 === void 0 ? void 0 : _this$permissionInfos2.find(function (_ref25) {
+      var info = (_this$permissionInfos2 = _this.permissionInfos) === null || _this$permissionInfos2 === void 0 ? void 0 : _this$permissionInfos2.find(function (_ref23) {
         var _info$targetRoles3, _info$params;
-        var info = _ref25.info;
+        var info = _ref23.info;
         return (info === null || info === void 0 ? void 0 : info.action) === action && ((info === null || info === void 0 || (_info$targetRoles3 = info.targetRoles) === null || _info$targetRoles3 === void 0 ? void 0 : _info$targetRoles3.length) === 0 || convertedRole.some(function (role) {
           var _info$targetRoles4;
           return info === null || info === void 0 || (_info$targetRoles4 = info.targetRoles) === null || _info$targetRoles4 === void 0 ? void 0 : _info$targetRoles4.includes(role);
@@ -856,14 +851,14 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
     key: "setAllowWaterMark",
     value: function () {
       var _setAllowWaterMark = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(state, lineType) {
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
+        return _regenerator["default"].wrap(function (_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
+              _context4.next = 1;
               return this._privilegeControl.allowWatermark(state, [_type2.FcrPrivilegeUserRole.PARTICIPANT], lineType);
-            case 2:
+            case 1:
               return _context4.abrupt("return", _context4.sent);
-            case 3:
+            case 2:
             case "end":
               return _context4.stop();
           }
@@ -879,11 +874,11 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
     value: function () {
       var _setAllowWaterMarkLine = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(state, lineType) {
         var _this2 = this;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
+        return _regenerator["default"].wrap(function (_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (this._watermarkLoadingTimber) {
-                _context5.next = 7;
+                _context5.next = 2;
                 break;
               }
               this.targetLoadingWatermarkLineTypeIsMulti = !this.targetLoadingWatermarkLineTypeIsMulti;
@@ -893,11 +888,11 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
                 _this2._watermarkLoadingTimber && clearTimeout(_this2._watermarkLoadingTimber);
                 _this2._watermarkLoadingTimber = null;
               }, 1000);
-              _context5.next = 6;
+              _context5.next = 1;
               return this._privilegeControl.allowWatermark(state, [_type2.FcrPrivilegeUserRole.PARTICIPANT], lineType);
-            case 6:
+            case 1:
               return _context5.abrupt("return", _context5.sent);
-            case 7:
+            case 2:
             case "end":
               return _context5.stop();
           }

package/lib/providers/renderer-provider.d.ts

@@ -3,6 +3,7 @@ import { FcrStreamControl } from 'fcr-core';
 import { FcrVideoRenderConfig } from 'fcr-core/lib/type';
 import { FcrUIDeviceProvider } from './device-provider';
 import { FcrRenderConfig } from 'fcr-core/lib/media-control/type';
+import { FcrUIScreenShareSharedDataSource } from '../shared-data-source/screen-share-data';
 export interface FcrUIRemoteVideoRenderProvider {
     /**
      * 开始渲染远端视频流
@@ -75,10 +76,11 @@ export declare class FcrUIRemoteVideoRenderProviderImpl implements FcrUIRemoteVi
 }
 export declare class FcrUILocalVideoRenderProviderImpl implements FcrUILocalVideoRenderProvider {
     private _deviceProvider;
+    private _screenShareDataSource;
     private _disposers;
     private _viewsAndConfigs;
     private _deviceObserver;
-    constructor(_deviceProvider: FcrUIDeviceProvider);
+    constructor(_deviceProvider: FcrUIDeviceProvider, _screenShareDataSource: FcrUIScreenShareSharedDataSource);
     get cameraEnabled(): boolean;
     get cameraId(): string;
     get currentMirror(): boolean;

package/lib/providers/renderer-provider.js

@@ -28,7 +28,6 @@ require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.map.delete-all.js");
@@ -152,12 +151,13 @@ _init__firstFrameState = _applyDecs$e[0];
 _initProto = _applyDecs$e[1];
 _ref2 = (_startCameraPreviewDecs = [_mobx.action, _mobx.action.bound], _stopCameraPreviewDecs = [_mobx.action, _mobx.action.bound], _startScreenPreviewDecs = [_mobx.action, _mobx.action.bound], _stopScreenPreviewDecs = [_mobx.action, _mobx.action.bound], "_disposers");
 var FcrUILocalVideoRenderProviderImpl = exports.FcrUILocalVideoRenderProviderImpl = /*#__PURE__*/function () {
-  function FcrUILocalVideoRenderProviderImpl(_deviceProvider) {
+  function FcrUILocalVideoRenderProviderImpl(_deviceProvider, _screenShareDataSource) {
     var _this2 = this;
     (0, _classCallCheck2["default"])(this, FcrUILocalVideoRenderProviderImpl);
     (0, _defineProperty2["default"])(this, _ref2, (_initProto2(this), []));
     (0, _defineProperty2["default"])(this, "_viewsAndConfigs", new Map());
     this._deviceProvider = _deviceProvider;
+    this._screenShareDataSource = _screenShareDataSource;
     this._deviceObserver = {
       onCameraChanged: function onCameraChanged() {
         if (_this2._deviceProvider.cameraEnabled) {
@@ -223,10 +223,24 @@ var FcrUILocalVideoRenderProviderImpl = exports.FcrUILocalVideoRenderProviderImp
     }
   }, {
     key: "startScreenPreview",
-    value: function startScreenPreview(el, config) {}
+    value: function startScreenPreview(el, config) {
+      if (this._screenShareDataSource.screenTrack) {
+        var _config$isMirror4, _config$renderMode4;
+        this._viewsAndConfigs.set(el, config);
+        this._screenShareDataSource.screenTrack.startPreview({
+          isMirror: (_config$isMirror4 = config.isMirror) !== null && _config$isMirror4 !== void 0 ? _config$isMirror4 : false,
+          renderMode: (_config$renderMode4 = config.renderMode) !== null && _config$renderMode4 !== void 0 ? _config$renderMode4 : _fcrCore.FcrVideoRenderMode.FIT
+        }, el);
+      }
+    }
   }, {
     key: "stopScreenPreview",
-    value: function stopScreenPreview(el) {}
+    value: function stopScreenPreview(el) {
+      if (this._screenShareDataSource.screenTrack) {
+        this._viewsAndConfigs["delete"](el);
+        this._screenShareDataSource.screenTrack.stopPreview(el);
+      }
+    }
   }, {
     key: "release",
     value: function release() {

package/lib/providers/room-provider.js

@@ -31,11 +31,8 @@ require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.object.values.js");
-require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.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.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -282,26 +279,27 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     key: "handleJoinRoom",
     value: function () {
       var _handleJoinRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        var _t;
+        return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              _context.next = 3;
+              _context.next = 1;
               return this._roomRouter.joinRoom(this._getJoinRoomOption());
-            case 3:
-              _context.next = 10;
+            case 1:
+              _context.next = 3;
               break;
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              this._observable.notifyObservers('onJoinMainRoomFailed', _context.t0);
-              this.logger.error('handleJoinRoom error', _context.t0);
-              throw _context.t0;
-            case 10:
+            case 2:
+              _context.prev = 2;
+              _t = _context["catch"](0);
+              this._observable.notifyObservers('onJoinMainRoomFailed', _t);
+              this.logger.error('handleJoinRoom error', _t);
+              throw _t;
+            case 3:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[0, 5]]);
+        }, _callee, this, [[0, 2]]);
       }));
       function handleJoinRoom() {
         return _handleJoinRoom.apply(this, arguments);
@@ -312,12 +310,12 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     key: "startLiveStreaming",
     value: function () {
       var _startLiveStreaming = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(params) {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
+        return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context2.next = 2;
+              _context2.next = 1;
               return this.currentRoomControl.startLiveStreaming(params);
-            case 2:
+            case 1:
             case "end":
               return _context2.stop();
           }
@@ -332,12 +330,12 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     key: "stopLiveStreaming",
     value: function () {
       var _stopLiveStreaming = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
+        return _regenerator["default"].wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context3.next = 2;
+              _context3.next = 1;
               return this.currentRoomControl.stopLiveStreaming();
-            case 2:
+            case 1:
             case "end":
               return _context3.stop();
           }
@@ -358,10 +356,10 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     value: function () {
       var _startCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
         var _this$_currentRoomCon2;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
+        return _regenerator["default"].wrap(function (_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
+              _context4.next = 1;
               return (_this$_currentRoomCon2 = this._currentRoomControl) === null || _this$_currentRoomCon2 === void 0 ? void 0 : _this$_currentRoomCon2.startCloudRecording({
                 audioProfile: _type3.FcrCloudRecordingAudioProfile.DEFAULT,
                 videoEncoderConfig: {
@@ -374,7 +372,7 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
                 },
                 retryTimeout: 60
               });
-            case 2:
+            case 1:
             case "end":
               return _context4.stop();
           }
@@ -390,12 +388,12 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     value: function () {
       var _pauseCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
         var _this$_currentRoomCon3;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
+        return _regenerator["default"].wrap(function (_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              _context5.next = 2;
+              _context5.next = 1;
               return (_this$_currentRoomCon3 = this._currentRoomControl) === null || _this$_currentRoomCon3 === void 0 ? void 0 : _this$_currentRoomCon3.pauseCloudRecording();
-            case 2:
+            case 1:
             case "end":
               return _context5.stop();
           }
@@ -411,12 +409,12 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     value: function () {
       var _resumeCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
         var _this$_currentRoomCon4;
-        return _regenerator["default"].wrap(function _callee6$(_context6) {
+        return _regenerator["default"].wrap(function (_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              _context6.next = 2;
+              _context6.next = 1;
               return (_this$_currentRoomCon4 = this._currentRoomControl) === null || _this$_currentRoomCon4 === void 0 ? void 0 : _this$_currentRoomCon4.resumeCloudRecording();
-            case 2:
+            case 1:
             case "end":
               return _context6.stop();
           }
@@ -432,12 +430,12 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     value: function () {
       var _stopCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
         var _this$_currentRoomCon5;
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
+        return _regenerator["default"].wrap(function (_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              _context7.next = 2;
+              _context7.next = 1;
               return (_this$_currentRoomCon5 = this._currentRoomControl) === null || _this$_currentRoomCon5 === void 0 ? void 0 : _this$_currentRoomCon5.stopCloudRecording();
-            case 2:
+            case 1:
             case "end":
               return _context7.stop();
           }

package/lib/providers/screen-share-provider.d.ts

@@ -140,6 +140,7 @@ export declare class FcrUIScreenShareProviderImpl implements FcrUIScreenSharePro
     private _streamObserver;
     private _screenCaptureObserver;
     private _streamControl?;
+    private _hasStop;
     get shareWithAudio(): boolean;
     get audioSourceId(): string;
     constructor(_deviceProvider: FcrUIDeviceProvider, _eventProvider: FcrUIEventProvider, _roomProvider: FcrUIRoomProvider, _sharingProvider: FcrUISharingProvider, _sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource, _sharedMemberDataSource: FcrUIMemberSharedDataSourceImpl);