@reactoo/watchtogether-sdk-js 2.6.67 → 2.6.68

package/example/index.html

@@ -157,7 +157,7 @@
             Instance.room.getSessionByConstructId(constructId).setTalkIntercomChannels(groups)
         }
 
-        let Instance = WatchTogetherSDK({debug:true, apiUrl: 'https://api.reactoo.com/stefan/swagger.json'})({instanceType:'reactooDemo'});
+        let Instance = WatchTogetherSDK({debug:true})({instanceType:'reactooDemo'});
 
         Instance.auth.$on('login', () => {
             console.log('We are in');
@@ -212,8 +212,8 @@
             }})) // pin hash is not needed if you're owner of the room
             .then(session => {
 
-                session.setTalkIntercomChannels([]);
-                session.setListenIntercomChannels([]);
+                // session.setTalkIntercomChannels([]);
+                // session.setListenIntercomChannels([]);
 
                 session.$on('connecting', (status) => {
                     console.log('connecting', status);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactoo/watchtogether-sdk-js",
-  "version": "2.6.67",
+  "version": "2.6.68",
   "description": "Javascript SDK for Reactoo",
   "main": "src/index.js",
   "unpkg": "dist/watchtogether-sdk.min.js",

package/src/models/room-session.js

@@ -356,6 +356,10 @@ let roomSession = function ({roomId, pinHash, role}, room, wt) {
 			return room._listenIntercomChannels;
 		},
 
+		requestKeyFrame: (handleId, mid) => {
+			return room.requestKeyFrame(handleId, mid);
+		},
+
 		selectSubStream: (handleId, substream) => {
 			return room.selectSubStream(handleId, substream);
 		},

package/src/modules/wt-room.js

@@ -1617,6 +1617,9 @@ class RoomSession {
 						this._updateRemoteParticipantStreamMap(handle.handleId);
 						let mid = event.transceiver ? event.transceiver.mid : event.track.id;
 						let source = Object.keys(config.streamMap).find(key => config.streamMap[key].includes(event.track.id));
+						if(event.track.kind === 'video') {
+							this.requestKeyFrame(handle.handleId, mid);
+						}
 						this.emit(this._getAddParticipantEventName(handle.handleId), {
 							tid: generateUUID(),
 							mid,
@@ -1823,7 +1826,7 @@ class RoomSession {
 						return null;
 					}
 					return this.sendMessage(handleId, {
-						body: {"request": "configure", "audio": hasAudio, "video": hasVideo, "data": true, ...(this.recordingFilename ? {filename: this.recordingFilename} : {})},
+						body: {"request": "configure", "keyframe": true, "audio": hasAudio, "video": hasVideo, "data": true, ...(this.recordingFilename ? {filename: this.recordingFilename} : {})},
 						jsep
 					}, false, false, 5);
 				})
@@ -2560,8 +2563,17 @@ class RoomSession {
 		}
 	}
 
+	requestKeyFrame(handleId, mid) {
+		this.sendMessage(handleId, {
+			"body": {
+				"request": "configure",
+				"keyframe": true,
+				...(mid ? {streams: [{mid,keyframe:true}]} : {})
+			}
+		}).catch(() => null)
+	}
 	selectSubStream(handleId, substream = 2) {
-		this.sendMessage(this.handleId, {
+		this.sendMessage(handleId, {
 			"body": {
 				"request": "configure",
 				"substream": substream
@@ -2569,7 +2581,6 @@ class RoomSession {
 		}).catch(() => null)
 	}
 
-
 	setTalkIntercomChannels(groups = ['participants']) {
 
 		if(typeof groups !== 'object' || !("length" in groups)) {