@reactoo/watchtogether-sdk-js 2.5.83 → 2.5.85

package/example/index.html

@@ -25,8 +25,10 @@
 
     <script>
 
-        let roomId = 'adab485a-548e-44a8-a9ca-157f3ba50c6e'; //It will create room automatically if not set
-        let pinHash = undefined;//'967ca05f-7fab-a205-5913-39393bbbe923';
+        //https://studio.reactoo.com/room/edf441b3-7415-49c4-9557-273cb93bc746/LJj4W2Cz-nG3U-lb0R-TAaY-o7Thmb8xHSbE
+
+        let roomId = 'edf441b3-7415-49c4-9557-273cb93bc746'; //It will create room automatically if not set
+        let pinHash = 'LJj4W2Cz-nG3U-lb0R-TAaY-o7Thmb8xHSbE';//'967ca05f-7fab-a205-5913-39393bbbe923';
 
 
         let participants = document.querySelector('.participants');
@@ -42,6 +44,10 @@
         //     });
         // }
 
+        function selectSubStream(handleId, substream) {
+            Instance.room.getSessionByConstructId(constructId).selectSubStream(handleId, substream);
+        }
+
         function hento() {
             //Instance.system.getSettings();
             Instance.system.getClient()
@@ -53,6 +59,8 @@
 
         function createParticipant(data, isRemote = false) {
 
+            console.log('participantData', isRemote, data);
+
             let id = `part_${data.id}`;
             let el = document.querySelector(`.${id}`);
             if(!el) {
@@ -94,9 +102,10 @@
             Instance.room.getSessionByConstructId(constructId).unpublishLocal()
         }
 
-        function publish() {
-            Instance.room.getSessionByConstructId(constructId).publishLocal(null, {unpublishFirst:true})
-
+        function publish(vDeviceId) {
+            let sess = Instance.room.getSessionByConstructId(constructId);
+            Instance.utils.getUserStream({hasVideo:true, vDeviceId})
+                    .then(stream => sess.publishLocal(stream))
         }
 
         function toggleVideo() {
@@ -198,11 +207,11 @@
                 });
 
                 session.$on('addRemoteParticipant', (participant) => {
-                    createParticipant(participant); // remote stream is available (someone else published himself)
+                    createParticipant(participant, true); // remote stream is available (someone else published himself)
                 });
 
                 session.$on('removeRemoteParticipant', (participant) => {
-                    removeParticipant(participant); // remote stream is gone
+                    removeParticipant(participant, true); // remote stream is gone
                 });
 
                 session.$on('userUpdate', (userId) => {

package/package.json

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

package/src/models/room-session.js

@@ -111,7 +111,10 @@ let roomSession = function ({roomId, pinHash, role}, room, wt) {
 						roomData.data.userId,
 						roomData.data.webrtcVersion,
 						(roomData.data.bitrate ? parseInt(roomData.data.bitrate) : 0),
-						roomData.data.recordingFilename)
+						roomData.data.recordingFilename,
+						roomData.data.simulcast,
+						roomData.data.simulcastBitrates || {}
+					)
 				})
 				.finally(() => {
 					emitter.emit('connecting', false);
@@ -312,8 +315,8 @@ let roomSession = function ({roomId, pinHash, role}, room, wt) {
 			}
 		},
 
-		publishLocal: function (stream = null, {keepAudio = false, keepVideo = false} = {}) {
-			return room.publishLocal(stream, {keepAudio, keepVideo})
+		publishLocal: function (stream = null) {
+			return room.publishLocal(stream)
 		},
 
 		unpublishLocal: () => {
@@ -328,6 +331,10 @@ let roomSession = function ({roomId, pinHash, role}, room, wt) {
 			return room.toggleVideo();
 		},
 
+		selectSubStream: (handleId, substream) => {
+			return room.selectSubStream(handleId, substream);
+		},
+
 		setBitrateCap: (bitrate) => {
 			if(role === 'host') {
 				return;