@reactoo/watchtogether-sdk-js 2.5.21 → 2.5.24

package/example/bulk_join_room/bulk_join_room.html

@@ -19,7 +19,12 @@
 	<!--<br><br>-->
 
 	<label for="room-id">Room ID</label><br>
-	<input type="text" id="room-id" placeholder="0512f218-6a4a-45e1-9d05-d5a0e5afb33d" size="40">
+	<input type="text" id="room-id" placeholder="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX" size="40">
+
+	<br><br>
+
+	<label for="pin-hash">Pin Hash</label><br>
+	<input type="text" id="pin-hash" placeholder="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX" size="40">
 
 	<br><br>
 
@@ -48,6 +53,7 @@
 	let participantsCount = 3;
 	let instanceType = "reactooDemo";
 	let roomId = "0512f218-6a4a-45e1-9d05-d5a0e5afb33d";
+	let pinHash = undefined;
 	let timeoutBetweenParticipantsJoins = 5000;
 
 	let participantsData = null;
@@ -65,8 +71,17 @@
 		participantsCount = parseInt(document.getElementById('users-count').value);
 		// instanceType = document.getElementById('instance-type').value;
 		roomId = document.getElementById('room-id').value;
+		pinHash = document.getElementById('pin-hash').value;
 		timeoutBetweenParticipantsJoins = document.getElementById('connection-timeout').value;
 
+		const url = new URL(location.href);
+		participantsCount ? url.searchParams.set('participantsCount', participantsCount) : url.searchParams.delete('participantsCount');
+		// instanceType ? url.searchParams.set('instanceType', instanceType) : url.searchParams.delete('instanceType');
+		roomId ? url.searchParams.set('roomId', roomId) : url.searchParams.delete('roomId');
+		pinHash ? url.searchParams.set('pinHash', pinHash) : url.searchParams.delete('pinHash');
+		timeoutBetweenParticipantsJoins ? url.searchParams.set('timeoutBetweenParticipantsJoins', timeoutBetweenParticipantsJoins) : url.searchParams.delete('timeoutBetweenParticipantsJoins');
+		history.replaceState (null, '', url);
+
 		document.getElementById('join-room').setAttribute('disabled', true);
 		document.getElementById('joined-participants-count').value = joinedParticipantsCount;
 
@@ -169,7 +184,7 @@
 
 	function joinRoom(participantData) {
 		return participantData.sdkInstance.auth.deviceLogin(participantData.id)
-			.then(() => participantData.sdkInstance.room.createSession({roomId}))
+			.then(() => participantData.sdkInstance.room.createSession({roomId, pinHash}))
 			.then(session => {
 				participantData.session = session;
 				return Promise.all([session, session.connect()])
@@ -182,10 +197,24 @@
 		return participantData.session.disconnect();
 	}
 
+	function getQueryVar(varName){
+		const queryStr = decodeURI(window.location.search) + '&';
+		const regex = new RegExp('.*?[&\\?]' + varName + '=(.*?)&.*');
+		const val = queryStr.replace(regex, "$1");
+		return val === queryStr ? false : val;
+	}
+
 	document.addEventListener("DOMContentLoaded", function() {
+		participantsCount = getQueryVar('participantsCount') || participantsCount;
+		// instanceType = getQueryVar('instanceType') || instanceType;
+		roomId = getQueryVar('roomId') || roomId;
+		pinHash = getQueryVar('pinHash') || pinHash || '';
+		timeoutBetweenParticipantsJoins = getQueryVar('timeoutBetweenParticipantsJoins') || timeoutBetweenParticipantsJoins;
+
 		document.getElementById('users-count').value = participantsCount;
 		// document.getElementById('instance-type').value = instanceType;
 		document.getElementById('room-id').value = roomId;
+		document.getElementById('pin-hash').value = pinHash;
 		document.getElementById('connection-timeout').value = timeoutBetweenParticipantsJoins;
 	});
 

package/package.json

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

package/src/modules/sync-modules/sync-hls.js

@@ -228,7 +228,7 @@ const syncHlsJs = function ({room, wt, roomSession, emitter} = {}) {
         if(!currentFragment) {
             return 0;
         }
-        return Math.max((_libraryInstance.streamController.lastCurrentTime - currentFragment.body.startPTS) * 1000, 0)
+        return Math.max((_libraryInstance.streamController.lastCurrentTime - (currentFragment.body?.startPTS || 0)) * 1000, 0)
     };
 
     const calculateSyncDifferenceTime = (masterFragmentSn, masterFragmentPos, ping) => {
@@ -245,7 +245,7 @@ const syncHlsJs = function ({room, wt, roomSession, emitter} = {}) {
             return {position: null, isBufferSufficient: false}
         }
 
-        let currentFragmentPos = Math.max((_libraryInstance.streamController.lastCurrentTime - currentFragment.body.startPTS) * 1000, 0);
+        let currentFragmentPos = Math.max((_libraryInstance.streamController.lastCurrentTime - (currentFragment.body?.startPTS || 0)) * 1000, 0);
         let currentFragmentLength = currentFragment.body.duration * 1000;
 
         room._log(`Our current fragment is: ${currentFragmentSn}`);

package/src/modules/sync-modules/sync-universal.js

@@ -339,7 +339,7 @@ const syncUniversal = function ({room, wt, roomSession, emitter} = {}) {
 				timestamp: new Date().getTime(),
 				fragment: String("0"),
 				fragment_pos: Number(fragmentPosition),
-				slave_id:Number(slaveId)
+				slave_id: Number(slaveId)
 			}});
 	};