vani-meeting-client 0.0.1 → 0.0.2

package/lib/MeetingHandler.d.ts

@@ -24,6 +24,9 @@ export declare class MeetingHandler {
     unmute(userId?: string): Promise<TaskResponse>;
     stopTrack(track: Track): void;
     addCustomTrack(track: Track): void;
+    pauseIncomingTrack(track: Track): void;
+    resumeIncomingTrack(track: Track): void;
+    updateSpatialForTrack(track: Track, spatialLayerIndex: number): Promise<void>;
     participantByUserId(userId: string): Participant | undefined;
     updateParticipantData(participant: Participant): Participant | undefined;
     getUpdatedParticipantsListFromServer(): void;

package/lib/MeetingHandler.js

@@ -40,6 +40,7 @@ import * as log from 'loglevel';
 import { WebSocketBasicEvents, WebsocketHandler } from "./websocket-handler/WebsocketHandler";
 import { CommunicationHandler } from "./inter-communication-handler/CommunicationHandler";
 import { UserMediaHandler } from "./user-media-handler/UserMediaHandler";
+import Analytics from 'analytics';
 var MeetingHandler = /** @class */ (function () {
     function MeetingHandler() {
         this.communicationHandler = new CommunicationHandler(this);
@@ -233,6 +234,23 @@ var MeetingHandler = /** @class */ (function () {
         var _a;
         (_a = this.communicationHandler) === null || _a === void 0 ? void 0 : _a.addUpdateLocalTrack(track);
     };
+    MeetingHandler.prototype.pauseIncomingTrack = function (track) {
+        var _a;
+        (_a = this.videoCallHandler) === null || _a === void 0 ? void 0 : _a.pauseIncomingTrack(track);
+    };
+    MeetingHandler.prototype.resumeIncomingTrack = function (track) {
+        var _a;
+        (_a = this.videoCallHandler) === null || _a === void 0 ? void 0 : _a.resumeIncomingTrack(track);
+    };
+    MeetingHandler.prototype.updateSpatialForTrack = function (track, spatialLayerIndex) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                (_a = this.videoCallHandler) === null || _a === void 0 ? void 0 : _a.updateSpatialForTrack(track, spatialLayerIndex);
+                return [2 /*return*/];
+            });
+        });
+    };
     //Participant
     MeetingHandler.prototype.participantByUserId = function (userId) {
         var _a, _b, _c;
@@ -392,7 +410,24 @@ var MeetingHandler = /** @class */ (function () {
     };
     MeetingHandler.prototype.handleGA = function () {
         return __awaiter(this, void 0, void 0, function () {
+            var analytics;
             return __generator(this, function (_a) {
+                if (this.meetingStartRequest) {
+                    analytics = Analytics({
+                        app: this.meetingStartRequest.appId,
+                        plugins: [
+                            googleAnalytics({
+                                trackingId: 'UA-190458994-3'
+                            })
+                        ]
+                    });
+                    analytics.page();
+                    analytics.track('playedVideo', {
+                        category: 'AppId',
+                        label: this.meetingStartRequest.appId,
+                        value: this.meetingStartRequest.roomId
+                    });
+                }
                 return [2 /*return*/];
             });
         });
@@ -400,3 +435,6 @@ var MeetingHandler = /** @class */ (function () {
     return MeetingHandler;
 }());
 export { MeetingHandler };
+function googleAnalytics(arg0) {
+    throw new Error("Function not implemented.");
+}

package/lib/inter-communication-handler/CommunicationHandler.js

@@ -95,7 +95,7 @@ var CommunicationHandler = /** @class */ (function () {
                 participant.isVideoBlockedByAdmin = this.meetingStartRequest.defaultVideoBlocked;
                 participant.isScreenshareBlockedByAdmin = this.meetingStartRequest.defaultScreenShareBlocked;
                 participant.isRecordingUser = this.meetingStartRequest.isRecordingUser;
-                this.allParticipants.push(participant);
+                this.addParticipantIfNotExist(participant);
             }
             return participant;
         }
@@ -129,6 +129,7 @@ var CommunicationHandler = /** @class */ (function () {
         return this.allParticipants.find(function (participant) { return participant.userId === userId; });
     };
     CommunicationHandler.prototype.addParticipantIfNotExist = function (participant, shouldInfrom) {
+        var _a;
         if (shouldInfrom === void 0) { shouldInfrom = false; }
         var oldParticipant = this.participantByUserId(participant.userId);
         if (oldParticipant) {
@@ -144,11 +145,13 @@ var CommunicationHandler = /** @class */ (function () {
             if (shouldInfrom) {
                 this.emitMessageToSource(VaniEvent.OnUserJoined, participant);
             }
+            (_a = this.videoCallHandler) === null || _a === void 0 ? void 0 : _a.onParticipantUpdated();
             return participant;
         }
     };
     CommunicationHandler.prototype.removeParticipant = function (participant, shouldInfrom) {
         var _this = this;
+        var _a;
         if (shouldInfrom === void 0) { shouldInfrom = false; }
         var tracks = this.getAllTracksForParticipant(participant);
         if (tracks) {
@@ -157,6 +160,7 @@ var CommunicationHandler = /** @class */ (function () {
             });
         }
         Utility.deleteArrayObject(participant, this.allParticipants);
+        (_a = this.videoCallHandler) === null || _a === void 0 ? void 0 : _a.onParticipantUpdated();
         if (shouldInfrom) {
             this.emitMessageToSource(VaniEvent.OnUserLeft, participant);
         }
@@ -305,7 +309,7 @@ var CommunicationHandler = /** @class */ (function () {
         if (this.internetReachbilityTimeout) {
             return;
         }
-        this.internetReachbilityTimeout = setTimeout(this.checkIfInternetReachable, 200, 0);
+        this.internetReachbilityTimeout = window.setTimeout(this.checkIfInternetReachable, 200, 0);
     };
     CommunicationHandler.prototype.checkIfInternetReachable = function (count) {
         var _this = this;
@@ -335,7 +339,7 @@ var CommunicationHandler = /** @class */ (function () {
                 (_a = _this.meetingHandler) === null || _a === void 0 ? void 0 : _a.endAndDestory();
                 return;
             }
-            _this.internetReachbilityTimeout = setTimeout(_this.checkIfInternetReachable, 1000, count);
+            _this.internetReachbilityTimeout = window.setTimeout(_this.checkIfInternetReachable, 1000, count);
         });
         ;
     };

package/lib/video-call-handler/BaseVideoCallHandler.d.ts

@@ -1,7 +1,6 @@
 import { Base } from "../base/Base";
 import { Track } from "../model/Track";
 import { WebSocketMessageBody } from "../websocket-handler/WebsocketHandler";
-import { Participant } from "../model/Participant";
 export declare abstract class BaseVideoCallHandler extends Base {
     protected onObjectCreated(): void;
     abstract init(): Promise<void>;
@@ -11,7 +10,10 @@ export declare abstract class BaseVideoCallHandler extends Base {
     abstract pauseTrack(track: Track): void;
     abstract resumeTrack(track: Track): void;
     abstract sendTrack(track: Track): void;
-    abstract onParticipantLeft(participant: Participant): void;
+    abstract resumeIncomingTrack(track: Track): void;
+    abstract pauseIncomingTrack(track: Track): void;
+    abstract onParticipantUpdated(): void;
+    updateSpatialForTrack(track: Track, spatialLayerIndex: number): Promise<void>;
     reconnectedWithoutPing(): void;
     cleanup(): void;
 }

package/lib/video-call-handler/BaseVideoCallHandler.js

@@ -13,6 +13,42 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { Base } from "../base/Base";
 import log from 'loglevel';
 var BaseVideoCallHandler = /** @class */ (function (_super) {
@@ -25,6 +61,13 @@ var BaseVideoCallHandler = /** @class */ (function (_super) {
         _super.prototype.onObjectCreated.call(this);
         (_a = this.communicationHandler) === null || _a === void 0 ? void 0 : _a.setVideoCallHandler(this);
     };
+    BaseVideoCallHandler.prototype.updateSpatialForTrack = function (track, spatialLayerIndex) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/];
+            });
+        });
+    };
     BaseVideoCallHandler.prototype.reconnectedWithoutPing = function () {
     };
     BaseVideoCallHandler.prototype.cleanup = function () {

package/lib/video-call-handler/SFUHandler.d.ts

@@ -1,7 +1,6 @@
 import { BaseVideoCallHandler } from "./BaseVideoCallHandler";
 import { WebSocketMessageBody } from "../websocket-handler/WebsocketHandler";
 import { Track } from "../model/Track";
-import { Participant } from "../model/Participant";
 export declare class SFUHandler extends BaseVideoCallHandler {
     private device;
     private transportCallBacks;
@@ -15,7 +14,11 @@ export declare class SFUHandler extends BaseVideoCallHandler {
     stopTrack(track: Track): void;
     pauseTrack(track: Track): void;
     resumeTrack(track: Track): void;
+    pauseIncomingTrack(track: Track): void;
+    resumeIncomingTrack(track: Track): void;
+    updateSpatialForTrack(track: Track, spatialLayerIndex: number): Promise<void>;
     sendTrack(track: Track): Promise<void>;
+    onParticipantUpdated(): void;
     init(): Promise<void>;
     private addObserverForDevice;
     private onRouterRtpCapabilities;
@@ -32,5 +35,4 @@ export declare class SFUHandler extends BaseVideoCallHandler {
     private onServerConsumer;
     private onSpeakerChanged;
     cleanup(): void;
-    onParticipantLeft(participant: Participant): void;
 }

package/lib/video-call-handler/SFUHandler.js

@@ -130,6 +130,36 @@ var SFUHandler = /** @class */ (function (_super) {
             this.sendSFUMessageToSocket(messageJson);
         }
     };
+    SFUHandler.prototype.pauseIncomingTrack = function (track) {
+        var consumer = this.consumers.find(function (consumer) { return consumer.appData.producerData.trackId === track.trackId; });
+        if (consumer) {
+            var messageJson = { to: "self", type: SFUMessageType.PauseConsumer, message: { id: consumer.id } };
+            this.sendSFUMessageToSocket(messageJson);
+            consumer.pause();
+        }
+    };
+    SFUHandler.prototype.resumeIncomingTrack = function (track) {
+        var consumer = this.consumers.find(function (consumer) { return consumer.appData.producerData.trackId === track.trackId; });
+        if (consumer) {
+            var messageJson = { to: "self", type: SFUMessageType.ResumeConsumer, message: { id: consumer.id } };
+            this.sendSFUMessageToSocket(messageJson);
+            consumer.resume();
+        }
+    };
+    SFUHandler.prototype.updateSpatialForTrack = function (track, spatialLayerIndex) {
+        return __awaiter(this, void 0, void 0, function () {
+            var consumer, messageJson;
+            return __generator(this, function (_a) {
+                log.info("updateSpatialForTrack");
+                consumer = this.consumers.find(function (consumer) { return consumer.appData.producerData.trackId === track.trackId; });
+                if (consumer) {
+                    messageJson = { to: "self", type: SFUMessageType.UpdateSpatialConsumer, message: { id: consumer.id, spatialLayer: spatialLayerIndex } };
+                    this.sendSFUMessageToSocket(messageJson);
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
     SFUHandler.prototype.sendTrack = function (track) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
@@ -155,7 +185,7 @@ var SFUHandler = /** @class */ (function (_super) {
                         webcamProducer = _c.sent();
                         if (webcamProducer) {
                             this.producers.push(webcamProducer);
-                            // this.onParticipantUpdated();
+                            this.onParticipantUpdated();
                             // this.sendMessageReadyToConsume();
                         }
                         _c.label = 3;
@@ -164,6 +194,18 @@ var SFUHandler = /** @class */ (function (_super) {
             });
         });
     };
+    SFUHandler.prototype.onParticipantUpdated = function () {
+        if (!this.communicationHandler || this.communicationHandler.getAllParticipants().length < 2) {
+            this.producers.forEach(function (producer) {
+                producer.pause();
+            });
+        }
+        else {
+            this.producers.forEach(function (producer) {
+                producer.resume();
+            });
+        }
+    };
     SFUHandler.prototype.init = function () {
         return __awaiter(this, void 0, void 0, function () {
             var messageJson;
@@ -360,6 +402,7 @@ var SFUHandler = /** @class */ (function (_super) {
                     consumerObj = data.message.consumer;
                     this.consumerTransport.consume(consumerObj).then(function (consumer) {
                         var _a, _b;
+                        _this.consumers.push(consumer);
                         var mediaTrack = consumer.track;
                         var data = consumer.appData.producerData;
                         log.info(data);
@@ -370,7 +413,6 @@ var SFUHandler = /** @class */ (function (_super) {
                         }
                         var messageJson = { to: "self", type: SFUMessageType.ResumeConsumer, message: { id: consumer.id } };
                         _this.sendSFUMessageToSocket(messageJson);
-                        _this.consumers.push(consumer);
                     });
                 }
                 return [2 /*return*/];
@@ -407,8 +449,6 @@ var SFUHandler = /** @class */ (function (_super) {
             }
         });
     };
-    SFUHandler.prototype.onParticipantLeft = function (participant) {
-    };
     return SFUHandler;
 }(BaseVideoCallHandler));
 export { SFUHandler };

package/lib/video-call-handler/WebrtcHandler.d.ts

@@ -1,8 +1,10 @@
-import { Participant } from "../model/Participant";
 import { Track } from "../model/Track";
 import { WebSocketMessageBody } from "../websocket-handler/WebsocketHandler";
 import { BaseVideoCallHandler } from "./BaseVideoCallHandler";
 export declare class WebrtcHandler extends BaseVideoCallHandler {
+    onParticipantUpdated(): void;
+    resumeIncomingTrack(track: Track): void;
+    pauseIncomingTrack(track: Track): void;
     onSocketMessage(websocketCallHandler: WebSocketMessageBody): void;
     init(): Promise<void>;
     onReconnect(): Promise<void>;
@@ -10,5 +12,4 @@ export declare class WebrtcHandler extends BaseVideoCallHandler {
     pauseTrack(track: Track): void;
     resumeTrack(track: Track): void;
     sendTrack(track: Track): void;
-    onParticipantLeft(participant: Participant): void;
 }

package/lib/video-call-handler/WebrtcHandler.js

@@ -56,6 +56,15 @@ var WebrtcHandler = /** @class */ (function (_super) {
     function WebrtcHandler() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    WebrtcHandler.prototype.onParticipantUpdated = function () {
+        throw new Error("Method not implemented.");
+    };
+    WebrtcHandler.prototype.resumeIncomingTrack = function (track) {
+        throw new Error("Method not implemented.");
+    };
+    WebrtcHandler.prototype.pauseIncomingTrack = function (track) {
+        throw new Error("Method not implemented.");
+    };
     WebrtcHandler.prototype.onSocketMessage = function (websocketCallHandler) {
         throw new Error("Method not implemented.");
     };
@@ -82,9 +91,6 @@ var WebrtcHandler = /** @class */ (function (_super) {
     WebrtcHandler.prototype.sendTrack = function (track) {
         throw new Error("Method not implemented.");
     };
-    WebrtcHandler.prototype.onParticipantLeft = function (participant) {
-        throw new Error("Method not implemented.");
-    };
     return WebrtcHandler;
 }(BaseVideoCallHandler));
 export { WebrtcHandler };

package/lib/websocket-handler/WebsocketHandler.d.ts

@@ -44,10 +44,12 @@ export declare enum SFUMessageType {
     ConsumeProductId = "consumeProductId",
     OnServerConsumer = "onServerConsumer",
     ResumeConsumer = "resumeConsumer",
+    PauseConsumer = "pauseConsumer",
     OnProduceSyncDone = "produceSyncDone",
     OnSpeakerChanged = "onSpeakerChanged",
     OnRestartIceCandidate = "restartIceCandidate",
-    OnTrackEnded = "onTrackEnded"
+    OnTrackEnded = "onTrackEnded",
+    UpdateSpatialConsumer = "updateSpatialConsumer"
 }
 export declare type WebSocketEvents = SFUMessageType | WebSocketBasicEvents;
 export interface WebSocketMessageBody {
@@ -70,6 +72,7 @@ export declare class WebsocketHandler extends Base {
     isWebScoketConnected(): boolean;
     sendSocketMessage(type: WebSocketEvents, data: any): void;
     reconnectOnInternetFailur(): void;
+    private onWebSocketClosed;
     private tryToReconectSocket;
     private onSocketConnected;
     private socketSubscribeToTopic;

package/lib/websocket-handler/WebsocketHandler.js

@@ -100,10 +100,12 @@ export var SFUMessageType;
     SFUMessageType["ConsumeProductId"] = "consumeProductId";
     SFUMessageType["OnServerConsumer"] = "onServerConsumer";
     SFUMessageType["ResumeConsumer"] = "resumeConsumer";
+    SFUMessageType["PauseConsumer"] = "pauseConsumer";
     SFUMessageType["OnProduceSyncDone"] = "produceSyncDone";
     SFUMessageType["OnSpeakerChanged"] = "onSpeakerChanged";
     SFUMessageType["OnRestartIceCandidate"] = "restartIceCandidate";
     SFUMessageType["OnTrackEnded"] = "onTrackEnded";
+    SFUMessageType["UpdateSpatialConsumer"] = "updateSpatialConsumer";
 })(SFUMessageType || (SFUMessageType = {}));
 var ConnectionType;
 (function (ConnectionType) {
@@ -134,7 +136,7 @@ var WebsocketHandler = /** @class */ (function (_super) {
             this.wss = undefined;
         }
         if (this.socketCheckTimeout) {
-            clearTimeout(this.socketCheckTimeout);
+            window.clearTimeout(this.socketCheckTimeout);
             this.socketCheckTimeout = undefined;
         }
     };
@@ -231,11 +233,7 @@ var WebsocketHandler = /** @class */ (function (_super) {
                             _this.isWebSocketConnectionInProgress = false;
                             log.info("WebSocket is closed now.");
                             log.warn(event);
-                            if (event.wasClean === false) {
-                                _this.socketCheckTimeout = setTimeout(function () {
-                                    _this.tryToReconectSocket;
-                                }, 1000);
-                            }
+                            _this.onWebSocketClosed(event);
                         };
                     }
                 }
@@ -269,8 +267,18 @@ var WebsocketHandler = /** @class */ (function (_super) {
             this.connect(true);
         }
     };
+    WebsocketHandler.prototype.onWebSocketClosed = function (event) {
+        var _this = this;
+        log.info("onWebSocketClosed");
+        if (event.wasClean === false) {
+            this.socketCheckTimeout = window.setTimeout(function () {
+                _this.tryToReconectSocket();
+            }, 1000);
+        }
+    };
     WebsocketHandler.prototype.tryToReconectSocket = function () {
         var _a;
+        log.info("tryToReconectSocket");
         if (this.isWebScoketConnected() === false && this.isEnded === false) {
             this.wss = undefined;
             this.connection = ConnectionType.reconnect;
@@ -312,7 +320,7 @@ var WebsocketHandler = /** @class */ (function (_super) {
         var checkIfSetupDone = { to: this.meetingStartRequest.userId };
         this.sendSocketMessage(WebSocketBasicEvents.IsSetupDone, checkIfSetupDone);
         log.info("Vani setupDone asked");
-        setTimeout(function () {
+        window.setTimeout(function () {
             if (_this.isSetUpDone || _this.setUpTry > 10) {
                 return;
             }
@@ -358,7 +366,7 @@ var WebsocketHandler = /** @class */ (function (_super) {
             else if (type === WebSocketBasicEvents.OnMeetingStartTime) {
                 if (data && data.time) {
                     var time = data.time;
-                    if (time < new Date().getTime()) {
+                    if (time > new Date().getTime()) {
                         time = new Date().getTime();
                     }
                     (_g = this.communicationHandler) === null || _g === void 0 ? void 0 : _g.emitMessageToSource(VaniEvent.OnMeetingStartTime, (time + ""));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vani-meeting-client",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Vani Meeting Clinet SDK",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -42,7 +42,7 @@
     "typescript": "^4.5.2"
   },
   "dependencies": {
-    "@types/google.analytics": "0.0.42",
+    "analytics": "^0.7.21",
     "axios": "^0.24.0",
     "loglevel": "^1.8.0",
     "mediasoup-client": "^3.6.47"