vani-meeting-client 2.1.5 → 2.1.7

package/lib/inter-communication-handler/CommunicationHandler.d.ts

@@ -26,6 +26,7 @@ export declare class CommunicationHandler {
     getEventEmitter(): VaniEventListener;
     onAudioVideoStatusUpdated(data: any): void;
     restartTransport: () => Promise<void>;
+    updateSelfParticipantUserId(): void;
     getSelfParticipant(): Participant | undefined;
     downloadParticipantsData(): void;
     onServerParticipants(data: any): void;

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

@@ -194,6 +194,17 @@ var CommunicationHandler = /** @class */ (function () {
             }
         }
     };
+    CommunicationHandler.prototype.updateSelfParticipantUserId = function () {
+        var participant = this.getSelfParticipant();
+        var userId;
+        try {
+            userId = participant.userId.split("-").at(0);
+        }
+        catch (err) { }
+        if (this.meetingStartRequest && this.meetingStartRequest && this.meetingStartRequest.renewUserIdOnEveryReconnection) {
+            participant.userId = userId + "_" + new Date().getTime();
+        }
+    };
     CommunicationHandler.prototype.getSelfParticipant = function () {
         var _a;
         if (this.meetingStartRequest) {
@@ -219,6 +230,7 @@ var CommunicationHandler = /** @class */ (function () {
     };
     CommunicationHandler.prototype.onServerParticipants = function (data) {
         var _this = this;
+        var _a;
         this.meetingStartRequest && this.meetingStartRequest.logLevel === LogLevel.Debug && log.info(data);
         if (data && data.message) {
             var userIds = "";
@@ -232,6 +244,7 @@ var CommunicationHandler = /** @class */ (function () {
             // allParticiapntsToBeRemove.forEach(participant => {
             //     this.removeParticipant(participant, true);
             // })
+            (_a = this.videoCallHandler) === null || _a === void 0 ? void 0 : _a.onAllParticipants(this.allParticipants);
             this.emitMessageToSource(VaniEvent.OnAllParticipants, this.allParticipants);
         }
     };
@@ -242,7 +255,7 @@ var CommunicationHandler = /** @class */ (function () {
         return this.allParticipants.find(function (participant) { return participant.userId === userId; });
     };
     CommunicationHandler.prototype.addParticipantIfNotExist = function (participant, shouldInfrom) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (shouldInfrom === void 0) { shouldInfrom = false; }
         this.meetingStartRequest && this.meetingStartRequest.logLevel === LogLevel.Debug && console.log("addParticipantIfNotExist", this.allParticipants);
         this.meetingStartRequest && this.meetingStartRequest.logLevel === LogLevel.Debug && console.log("addParticipantIfNotExist new user", participant);
@@ -276,16 +289,17 @@ var CommunicationHandler = /** @class */ (function () {
             catch (err) {
             }
             this.allParticipants.push(participant);
+            (_c = this.videoCallHandler) === null || _c === void 0 ? void 0 : _c.onUserJoined(participant);
             if (shouldInfrom) {
                 this.emitMessageToSource(VaniEvent.OnUserJoined, participant);
             }
-            (_c = this.videoCallHandler) === null || _c === void 0 ? void 0 : _c.onParticipantUpdated();
+            (_d = this.videoCallHandler) === null || _d === void 0 ? void 0 : _d.onParticipantUpdated();
             return participant;
         }
     };
     CommunicationHandler.prototype.removeParticipant = function (participant, shouldInfrom) {
         var _this = this;
-        var _a;
+        var _a, _b;
         if (shouldInfrom === void 0) { shouldInfrom = false; }
         var tracks = this.getAllTracksForParticipant(participant);
         if (tracks) {
@@ -295,6 +309,7 @@ var CommunicationHandler = /** @class */ (function () {
         }
         Utility.deleteArrayObject(participant, this.allParticipants);
         (_a = this.videoCallHandler) === null || _a === void 0 ? void 0 : _a.onParticipantUpdated();
+        (_b = this.videoCallHandler) === null || _b === void 0 ? void 0 : _b.onUserLeft(participant);
         if (shouldInfrom) {
             this.emitMessageToSource(VaniEvent.OnUserLeft, participant);
         }
@@ -460,6 +475,9 @@ var CommunicationHandler = /** @class */ (function () {
         var _a;
         (_a = this.websocketCallHandler) === null || _a === void 0 ? void 0 : _a.sendSocketMessage(type, data);
     };
+    // public sendWebSocketMessageForWebrtc(type: WebrtcMessageType, data: any, to : string) {
+    //     this.websocketCallHandler?.sendSocketMessage(type, data)
+    // }
     CommunicationHandler.prototype.onVideoCallWebSocketMessage = function (websocketMessage) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
@@ -556,7 +574,7 @@ var CommunicationHandler = /** @class */ (function () {
         this.internetReachbilityTimeout = window.setTimeout(this.checkIfInternetReachable, 200, 0);
     };
     CommunicationHandler.prototype.onApiResponded = function (count) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         this.meetingStartRequest && this.meetingStartRequest.logLevel === LogLevel.Debug && console.log("onApiResponded", count);
         if (this.isReachable === false) {
             this.isReachable = true;
@@ -567,12 +585,13 @@ var CommunicationHandler = /** @class */ (function () {
             this.meetingStartRequest && this.meetingStartRequest.logLevel === LogLevel.Debug && console.log("onApiResponded inside", count);
             if (this.meetingStartRequest && this.meetingStartRequest.isMobileApp) {
                 if ((_a = this.websocketCallHandler) === null || _a === void 0 ? void 0 : _a.isWebScoketConnected()) {
+                    (_b = this.videoCallHandler) === null || _b === void 0 ? void 0 : _b.reconnectedWithoutPing();
                     return;
                 }
                 this.websocketCallHandler.reconnectOnInternetFailur();
             }
-            else if ((_b = this.websocketCallHandler) === null || _b === void 0 ? void 0 : _b.isWebScoketConnected()) {
-                (_c = this.videoCallHandler) === null || _c === void 0 ? void 0 : _c.reconnectedWithoutPing();
+            else if ((_c = this.websocketCallHandler) === null || _c === void 0 ? void 0 : _c.isWebScoketConnected()) {
+                (_d = this.videoCallHandler) === null || _d === void 0 ? void 0 : _d.reconnectedWithoutPing();
             }
             else {
                 this.websocketCallHandler.reconnectOnInternetFailur();

package/lib/model/MeetingStartRequest.d.ts

@@ -33,6 +33,7 @@ export declare class MeetingStartRequest {
     wssUrl: string;
     minBitrateConfig: number;
     maxBitRateConfig: number;
+    renewUserIdOnEveryReconnection: boolean;
     maxAudioBitrateConfig: number;
     logLevel: LogLevel;
     dynamicWebSocketFetchBaseUrl?: string;

package/lib/model/MeetingStartRequest.js

@@ -33,6 +33,7 @@ var MeetingStartRequest = /** @class */ (function () {
         this.shouldForceTurn = false;
         this.minBitrateConfig = 40000;
         this.maxBitRateConfig = 620000;
+        this.renewUserIdOnEveryReconnection = false;
         this.maxAudioBitrateConfig = -1;
         this.logLevel = LogLevel.None;
         this.isRecordingUser = false;

package/lib/model/Participant.d.ts

@@ -1,3 +1,4 @@
+import { PeerConnection } from "./PeerConnection";
 export declare class Participant {
     userId: string;
     userData: any;
@@ -12,5 +13,6 @@ export declare class Participant {
     isAudioEnable: boolean;
     isStartMeetingCalled: boolean;
     isRecordingUser: boolean;
+    peerConnections: Map<string, PeerConnection>;
     constructor(_userId: string, _roomId: string, _userData?: any, _isAdmin?: boolean);
 }

package/lib/model/Participant.js

@@ -12,6 +12,7 @@ var Participant = /** @class */ (function () {
         this.isAudioEnable = false;
         this.isStartMeetingCalled = false;
         this.isRecordingUser = false;
+        this.peerConnections = new Map();
         this.userId = _userId;
         this.roomId = _roomId;
         this.userData = _userData;

package/lib/model/PeerConnection.d.ts

@@ -0,0 +1,6 @@
+export declare class PeerConnection {
+    rtcPeerConnection: any;
+    offer: any;
+    answer: any;
+    userId: string;
+}

package/lib/model/PeerConnection.js

@@ -0,0 +1,6 @@
+var PeerConnection = /** @class */ (function () {
+    function PeerConnection() {
+    }
+    return PeerConnection;
+}());
+export { PeerConnection };

package/lib/utility/DynamicLibHelper.d.ts

@@ -5,4 +5,5 @@ export declare class DynamicLibHelper {
     getVideoCallClassHandler(meetingType: MeetingType, meetingStartRequest: MeetingStartRequest, _communicationHandler: CommunicationHandler): Promise<import("../video-call-handler/SFUHandler").SFUHandler | import("../video-call-handler/WebrtcHandler").WebrtcHandler>;
     getMediaDevicesVariable(meetingStartRequest: MeetingStartRequest): any;
     getMediaStreamVariable(meetingStartRequest: MeetingStartRequest): any;
+    getRTCPeerConnection(meetingStartRequest: MeetingStartRequest): any;
 }

package/lib/utility/DynamicLibHelper.js

@@ -103,6 +103,9 @@ var DynamicLibHelper = /** @class */ (function () {
         }
         return MediaStream;
     };
+    DynamicLibHelper.prototype.getRTCPeerConnection = function (meetingStartRequest) {
+        return new RTCPeerConnection();
+    };
     return DynamicLibHelper;
 }());
 export { DynamicLibHelper };

package/lib/utility/DynamicLibHelper.native.d.ts

@@ -5,4 +5,5 @@ export declare class DynamicLibHelper {
     getVideoCallClassHandler(meetingType: MeetingType, meetingStartRequest: MeetingStartRequest, _communicationHandler: CommunicationHandler): Promise<import("../video-call-handler/SFUHandler").SFUHandler | import("../video-call-handler/WebrtcHandler").WebrtcHandler>;
     getMediaDevicesVariable(meetingStartRequest: MeetingStartRequest): any;
     getMediaStreamVariable(meetingStartRequest: MeetingStartRequest): any;
+    getRTCPeerConnection(meetingStartRequest: MeetingStartRequest): any;
 }

package/lib/utility/DynamicLibHelper.native.js

@@ -102,6 +102,17 @@ var DynamicLibHelper = /** @class */ (function () {
         }
         return MediaStream;
     };
+    DynamicLibHelper.prototype.getRTCPeerConnection = function (meetingStartRequest) {
+        try {
+            if (meetingStartRequest === null || meetingStartRequest === void 0 ? void 0 : meetingStartRequest.isMobileApp) {
+                return new (require("react-native-webrtc").RTCPeerConnection)();
+            }
+        }
+        catch (err) {
+            log.error("react-native-webrtc not found. Please do npm install ");
+        }
+        return new RTCPeerConnection();
+    };
     return DynamicLibHelper;
 }());
 export { DynamicLibHelper };

package/lib/utility/DynamicLibHelper.node.d.ts

@@ -5,4 +5,5 @@ export declare class DynamicLibHelper {
     getVideoCallClassHandler(meetingType: MeetingType, meetingStartRequest: MeetingStartRequest, _communicationHandler: CommunicationHandler): Promise<import("../video-call-handler/SFUHandler").SFUHandler | import("../video-call-handler/WebrtcHandler").WebrtcHandler>;
     getMediaDevicesVariable(meetingStartRequest: MeetingStartRequest): any;
     getMediaStreamVariable(meetingStartRequest: MeetingStartRequest): any;
+    getRTCPeerConnection(meetingStartRequest: MeetingStartRequest): any;
 }

package/lib/utility/DynamicLibHelper.node.js

@@ -103,6 +103,9 @@ var DynamicLibHelper = /** @class */ (function () {
         }
         return MediaStream;
     };
+    DynamicLibHelper.prototype.getRTCPeerConnection = function (meetingStartRequest) {
+        return new RTCPeerConnection();
+    };
     return DynamicLibHelper;
 }());
 export { DynamicLibHelper };

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

@@ -1,5 +1,6 @@
 import { Track } from "../model/Track";
 import { WebSocketMessageBody } from "../websocket-handler/WebsocketHandler";
+import { Participant } from "../model/Participant";
 import { Base } from "../base/Base";
 import { TrackStats } from "../model/TrackStats";
 export declare abstract class BaseVideoCallHandler extends Base {
@@ -16,6 +17,9 @@ export declare abstract class BaseVideoCallHandler extends Base {
     abstract onParticipantUpdated(): void;
     abstract createDataChannel(): any;
     abstract sendMessageViaDataChannel(messagePayload: any): any;
+    onAllParticipants(participants: Participant[]): Promise<void>;
+    onUserJoined(participants: Participant): Promise<void>;
+    onUserLeft(participants: Participant): Promise<void>;
     getConsumerForTrack(track: Track): void;
     resumeProducerOrConsumerForTrack(track: Track): Promise<void>;
     pauseProducerOrConsumerForTrack(track: Track): Promise<void>;

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

@@ -68,6 +68,27 @@ var BaseVideoCallHandler = /** @class */ (function (_super) {
         _super.prototype.onObjectCreated.call(this);
         (_a = this.communicationHandler) === null || _a === void 0 ? void 0 : _a.setVideoCallHandler(this);
     };
+    BaseVideoCallHandler.prototype.onAllParticipants = function (participants) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/];
+            });
+        });
+    };
+    BaseVideoCallHandler.prototype.onUserJoined = function (participants) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/];
+            });
+        });
+    };
+    BaseVideoCallHandler.prototype.onUserLeft = function (participants) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/];
+            });
+        });
+    };
     BaseVideoCallHandler.prototype.getConsumerForTrack = function (track) {
     };
     BaseVideoCallHandler.prototype.resumeProducerOrConsumerForTrack = function (track) {

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

@@ -266,7 +266,9 @@ var SFUHandler = /** @class */ (function (_super) {
                     case 3:
                         _b.sent();
                         _b.label = 4;
-                    case 4: return [2 /*return*/];
+                    case 4:
+                        this.communicationHandler.onReconnect();
+                        return [2 /*return*/];
                 }
             });
         });
@@ -428,7 +430,7 @@ var SFUHandler = /** @class */ (function (_super) {
                             producerData.encodings = this.meetingStartRequest.simulcastEncodings;
                         }
                         if (track.track.kind === "audio") {
-                            producerData.codecOptions = { opusStereo: true, opusFec: true };
+                            producerData.codecOptions = { opusStereo: true, opusFec: true, opusDtx: true };
                             if (this.meetingStartRequest.maxAudioBitrateConfig > 0) {
                                 producerData.codecOptions.opusMaxAverageBitrate = (_d = this.meetingStartRequest) === null || _d === void 0 ? void 0 : _d.maxAudioBitrateConfig;
                             }

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

@@ -1,11 +1,15 @@
+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 {
+    private dynamicLibHelper;
     onParticipantUpdated(): void;
     resumeIncomingTrack(track: Track): void;
     pauseIncomingTrack(track: Track): void;
     onSocketMessage(websocketCallHandler: WebSocketMessageBody): void;
+    onAllParticipants(participants: Participant[]): Promise<void>;
+    onUserJoined(participant: Participant): Promise<void>;
     init(): Promise<void>;
     onReconnect(): Promise<void>;
     stopTrack(track: Track): void;
@@ -14,4 +18,5 @@ export declare class WebrtcHandler extends BaseVideoCallHandler {
     sendTrack(track: Track): void;
     createDataChannel(): Promise<void>;
     sendMessageViaDataChannel(messagePayload: any): void;
+    private isOfferInitParticipant;
 }

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

@@ -52,10 +52,21 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { BaseVideoCallHandler } from "./BaseVideoCallHandler";
 import log from 'loglevel';
 import { LogLevel } from "../model/MeetingStartRequest";
+import { DynamicLibHelper } from "../utility/DynamicLibHelper";
+import { PeerConnection } from "../model/PeerConnection";
 var WebrtcHandler = /** @class */ (function (_super) {
     __extends(WebrtcHandler, _super);
     function WebrtcHandler() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.dynamicLibHelper = (new DynamicLibHelper());
+        _this.isOfferInitParticipant = function (participant) {
+            var selfParticpant = _this.communicationHandler.getSelfParticipant();
+            if (participant.userId > selfParticpant.userId) {
+                return true;
+            }
+            return false;
+        };
+        return _this;
     }
     WebrtcHandler.prototype.onParticipantUpdated = function () {
         throw new Error("Method not implemented.");
@@ -69,6 +80,48 @@ var WebrtcHandler = /** @class */ (function (_super) {
     WebrtcHandler.prototype.onSocketMessage = function (websocketCallHandler) {
         throw new Error("Method not implemented.");
     };
+    WebrtcHandler.prototype.onAllParticipants = function (participants) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                participants.forEach(function (eachParticiapant) {
+                    _this.onUserJoined(eachParticiapant);
+                });
+                return [2 /*return*/];
+            });
+        });
+    };
+    WebrtcHandler.prototype.onUserJoined = function (participant) {
+        return __awaiter(this, void 0, void 0, function () {
+            var selfParticpant, isOfferInitParticipant, peerConnectionObject, peerConnection, offer;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        selfParticpant = this.communicationHandler.getSelfParticipant();
+                        if (!(selfParticpant.userId !== participant.userId && !selfParticpant.peerConnections.has(participant.userId))) return [3 /*break*/, 2];
+                        isOfferInitParticipant = this.isOfferInitParticipant(participant);
+                        if (!!isOfferInitParticipant) return [3 /*break*/, 2];
+                        if (!selfParticpant.peerConnections.has(participant.userId)) {
+                            selfParticpant.peerConnections.set(participant.userId, new PeerConnection());
+                        }
+                        peerConnectionObject = selfParticpant.peerConnections.get(participant.userId);
+                        peerConnection = this.dynamicLibHelper.getRTCPeerConnection(this.meetingStartRequest);
+                        if (!peerConnection) return [3 /*break*/, 2];
+                        peerConnection.addTransceiver("audio", { direction: "sendrecv" });
+                        peerConnection.addTransceiver("video", { direction: "sendrecv" });
+                        return [4 /*yield*/, peerConnection.createOffer()];
+                    case 1:
+                        offer = _a.sent();
+                        peerConnection.setLocalDescription(offer);
+                        peerConnectionObject.offer = offer;
+                        // send offer to peer
+                        console.log("offer", offer);
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    };
     WebrtcHandler.prototype.init = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {

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

@@ -30,6 +30,10 @@ export declare enum WebSocketBasicEvents {
     OnChat = "chat",
     SelfLeft = "selfLeft"
 }
+export declare enum WebrtcMessageType {
+    SendOffer = "SendOffer",
+    SendAnswer = "SendAnswer"
+}
 export declare enum SFUMessageType {
     SFUMessage = "sfuMessage",
     GetRouterRtpCapabilities = "routerRtpCapabilities",
@@ -70,7 +74,7 @@ export declare enum SFUMessageType {
     OnProducerScoreChange = "OnProducerScoreChange",
     OnConsumerLayerChange = "OnConsumerLayerChange"
 }
-export type WebSocketEvents = SFUMessageType | WebSocketBasicEvents;
+export type WebSocketEvents = SFUMessageType | WebSocketBasicEvents | WebrtcMessageType;
 export interface WebSocketMessageBody {
     type?: WebSocketEvents;
     data?: any;

package/lib/websocket-handler/WebsocketHandler.js

@@ -85,6 +85,11 @@ export var WebSocketBasicEvents;
     WebSocketBasicEvents["OnChat"] = "chat";
     WebSocketBasicEvents["SelfLeft"] = "selfLeft";
 })(WebSocketBasicEvents || (WebSocketBasicEvents = {}));
+export var WebrtcMessageType;
+(function (WebrtcMessageType) {
+    WebrtcMessageType["SendOffer"] = "SendOffer";
+    WebrtcMessageType["SendAnswer"] = "SendAnswer";
+})(WebrtcMessageType || (WebrtcMessageType = {}));
 export var SFUMessageType;
 (function (SFUMessageType) {
     SFUMessageType["SFUMessage"] = "sfuMessage";
@@ -389,6 +394,7 @@ var WebsocketHandler = /** @class */ (function (_super) {
         if (this.isWebScoketConnected() === false) {
             return;
         }
+        this.communicationHandler.updateSelfParticipantUserId();
         var participant = (_a = this.communicationHandler) === null || _a === void 0 ? void 0 : _a.getSelfParticipant();
         participant.userData = (_b = this.meetingStartRequest) === null || _b === void 0 ? void 0 : _b.userData;
         var config = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vani-meeting-client",
-  "version": "2.1.5",
+  "version": "2.1.7",
   "description": "Vani Meeting Clinet SDK",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",