@reactoo/watchtogether-sdk-js 2.7.80 → 2.7.82

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

@@ -1,10 +1,10 @@
-import {setExactTimeout} from "../wt-utils";
+import {setExactTimeout} from "../../models/utils";
 
 const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
-    
+
     //SYNC VARS
     let _videoElement = null;
-    
+
     const syncDefaultWaitTime = 60000;
     const syncShortWaitTime = 10000;
     const maxSyncThreshold = 0.5;
@@ -14,40 +14,40 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
     let   syncNextWaitTime = null;
     let   stopFlag = false;
     let   isSyncing = false;
-    
+
     let playbackRate = 2;
     let isPlaying = false;
     let isPreloading = true;
     let isProgrammaticallySeeked = false;
     let shouldPropagateMaster = false;
-    
-    
+
+
     const startSyncLoop = () => {
-        
+
         if(!isConnected()) {
             room._log('--- Sync loop will not start due to user not connected yet ---');
             return
         }
-        
+
         if(syncWaitId) {
             room._log('--- Sync loop already running ---');
             return
         }
-        
+
         room._log('--- Sync enabled ---');
-        
+
         stopFlag = false;
-        
+
         const loop = () => {
-            
+
             isSyncing = true;
             emitter.emit('playerSyncing', true);
-            
+
             sync().finally(() => {
-                
+
                 isSyncing = false;
                 emitter.emit('playerSyncing', false);
-                
+
                 if(isConnected() && !stopFlag) {
                     syncWaitId = setTimeout(loop, syncNextWaitTime);
                 }
@@ -55,36 +55,36 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
                     room._log('--- Automatic stop due to user not connected or stop flag enabled ---');
                     stopSyncLoop();
                 }
-                
+
             })
-            
+
         };
-        
+
         loop();
-        
+
     };
-    
+
     const stopSyncLoop = () => {
-        
+
         room._log('--- Sync disabled ---');
-        
+
         clearTimeout(syncWaitId);
         syncWaitId = null;
         currentSyncRetry = 0
         stopFlag = true;
-        
+
     };
-    
+
     const restartSyncLoop = () => {
-        
+
         room._log('--- Sync restarting ---');
         stopSyncLoop();
         startSyncLoop();
-        
+
     };
-    
+
     const setNextWaitTime = (didSyncFail = false) => {
-        
+
         if(!didSyncFail) {
             syncNextWaitTime = syncDefaultWaitTime;
             currentSyncRetry = 0
@@ -97,50 +97,50 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
                 syncNextWaitTime = syncShortWaitTime;
             }
         }
-        
+
         room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');
-        
+
     }
-    
+
     const sync = () => {
-        
+
         return getSyncData()
             .then(syncData => {
-                
+
                 if(syncData.isMaster) {
                     if(_videoElement.paused) _videoElement.play();
                     setNextWaitTime(false);
                     return Promise.resolve();
                 }
-                
+
                 else if(shouldPropagateMaster) {
                     setNextWaitTime(false);
                     return propagateMasterFunc();
                 }
-                
+
                 else {
-                    
+
                     const syncStartTime = Date.now();
                     const {position, realPosition, isBufferSufficient} = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping);
                     const currentPosition = getCurrentSegmentPosition() / 1000;
-                    
-                    
+
+
                     if(position && Math.abs(position - currentPosition) <=  maxSyncThreshold) {
                         room._log(`We're within max sync threshold, no need to resync now`);
                         setNextWaitTime(false);
                         return Promise.resolve();
                     }
-                    
+
                     if(position !== null) {
                         return seekTo(position)
                             .then(() => {
                                 const seekDuration = (Date.now() - syncStartTime) / 1000;
                                 const syncPrecision =  Math.abs((realPosition + seekDuration) - (getCurrentSegmentPosition() / 1000))
-    
+
                                 room._log(`Insufficient buffer: `, !isBufferSufficient);
                                 room._log(`Seek duration is ${seekDuration}`);
                                 room._log(`Sync precision should be ${syncPrecision}`);
-                                
+
                                 const didSyncFail = syncPrecision > maxSyncThreshold
                                 setNextWaitTime(didSyncFail);
                                 return Promise.resolve();
@@ -159,7 +159,7 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
                 return Promise.reject();
             })
     }
-    
+
     const handleAddLocalParticipant = () => {
         if(shouldPropagateMaster) {
             propagateMasterFunc();
@@ -170,17 +170,17 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
             }, {once:true});
         }
     };
-    
+
     const handleAddRemoteParticipant = () => {
         if(shouldPropagateMaster) {
             propagateMasterFunc();
         }
     };
-    
+
     const isConnected = () => {
         return room._isDataChannelOpen && room.isConnected;
     };
-    
+
     const parseDataEvents = (msg = {}) => {
         if(msg.videoroom === 'sync_source_set' && msg.wt_channel_id != "") {
             emitter.emit('changePlayerSource', msg.wt_channel_id);
@@ -194,8 +194,8 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
         let position = _videoElement && _videoElement.currentTime;
         return isNaN(position) ? 0 : position * 1000
     };
-    
-    
+
+
     const calculateSyncDifferenceTime = (fragmentSn, fragmentPos, ping) => {
         let seekRanges = _videoElement.buffered;
         let seekRange = {};
@@ -221,7 +221,7 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
         } else
             return {position: null, realPosition: position, isBufferSufficient: false}
     };
-    
+
     const seekTo = (time) => {
         return new Promise((resolve, reject) => {
             if(_videoElement.currentTime !== time) {
@@ -273,7 +273,7 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
             } else resolve()
         });
     };
-    
+
     const handlePlaying =  () => {
         if(!isProgrammaticallySeeked) {
             room._log('Handle playing');
@@ -283,13 +283,13 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
         isPreloading = _videoElement.paused;
         isPlaying = !_videoElement.paused;
     };
-    
+
     const handlePause = () => {
         stopSyncLoop()
         clientPaused().catch(() => {});
         isPlaying = !_videoElement.paused;
     };
-    
+
     const handleStalledWaiting = () => {
         room._log('handleStalledWaiting');
         if(!isProgrammaticallySeeked) {
@@ -308,7 +308,7 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
             }
         }, 1000);
     };
-    
+
     const roomSyncSend = (slaveId) => {
 
         if(!_videoElement) {
@@ -334,23 +334,23 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
                 slave_id: room.webrtcVersion > 1000 ? String(slaveId) : Number(slaveId)
             }});
     };
-    
+
     const getSyncData = () => {
-        
+
         room._log('Sending roomSync request');
         let roomId = room.roomId;
         let fragmentPosition = parseInt(getCurrentSegmentPosition());
-        
+
         return new Promise((resolve, reject) => {
-            
+
             let now = new Date().getTime();
             let ping = null;
-            
+
             let sid = setTimeout(() => {
                 room.off('data', fn, this);
                 reject('Timeout');
             }, 3000);
-            
+
             let body = {
                 request:  "sync",
                 room: roomId,
@@ -358,32 +358,32 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
                 fragment: String("0"),
                 fragment_pos: Number(fragmentPosition)
             };
-            
+
             let fn = (msg) => {
-                
+
                 if(msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {
-                    
+
                     if(msg.sync_master_await) {
                         room._log('Waiting for master position');
                         if(!ping) {
                             ping = (new Date().getTime() - now);
                         }
                     }
-                    
+
                     else if(msg.sync_master_fragment || msg.sync_master_fragment_pos) {
                         room._log('Got master position data');
                         if(!ping) {
                             ping = (new Date().getTime() - now);
                         }
-                        
+
                         room._log(`I'm master: ${!!msg.sync_master_self}`);
                         room._log(`Ping: ${ping}`);
                         room._log(`Master fragment: ${msg.sync_master_fragment}`);
                         room._log(`Master fragment position: ${msg.sync_master_fragment_pos}`);
-                        
+
                         room.off('data', fn, this);
                         clearTimeout(sid);
-                        
+
                         resolve({
                             isMaster: !!msg.sync_master_self,
                             ping: ping,
@@ -391,7 +391,7 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
                             masterFragmentSn: parseInt(msg.sync_master_fragment),
                         });
                     }
-                    
+
                     else {
                         clearTimeout(sid);
                         reject('Master lost connection')
@@ -406,14 +406,14 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
             });
         });
     };
-    
+
     const clientPaused = () => {
         room._log('Sending client paused');
-        
+
         if(!isConnected()) {
             return Promise.resolve();
         }
-        
+
         return room.sendMessage(room.handleId, {
             body:{
                 request: "sync_paused",
@@ -423,7 +423,7 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
                 fragment_pos:0
             }});
     };
-    
+
     const propagateMasterFunc = () => {
         room._log('Propagating master');
         if(!isConnected()) {
@@ -445,51 +445,51 @@ const syncNativeHls = function ({room, wt, roomSession, emitter} = {}) {
         __events: ['playerSyncing'],
 
         initialize: ({videoElement,  syncOnLevelSwitch = false , propagateMaster = false} = {}) => {
-    
-            
+
+
             _videoElement = videoElement;
-    
+
             shouldPropagateMaster = propagateMaster;
             isPlaying = _videoElement.paused === false;
-    
+
             room.on('disconnect', stopSyncLoop);
             room.on('removeLocalParticipant', stopSyncLoop);
             room.on('addLocalParticipant', handleAddLocalParticipant);
             room.on('addRemoteParticipant', handleAddRemoteParticipant);
             room.on('data', parseDataEvents);
-    
+
             if(shouldPropagateMaster) {
                 propagateMasterFunc().catch(() => {});
             }
-    
+
             if(_videoElement && _videoElement.paused === false) {
                 _videoElement.addEventListener('progress', () => {
                     restartSyncLoop();
                 }, {once:true});
             }
-    
+
             _videoElement.addEventListener('timeupdate', stalledGenerator);
             _videoElement.addEventListener('playing', handlePlaying);
             _videoElement.addEventListener('pause', handlePause);
-            
+
         },
 
         destroy: () => {
-    
+
             stopSyncLoop();
-    
+
             room.off('disconnect', stopSyncLoop);
             room.off('removeLocalParticipant', stopSyncLoop);
             room.off('addLocalParticipant', handleAddLocalParticipant);
             room.off('addRemoteParticipant', handleAddRemoteParticipant);
             room.off('data', parseDataEvents);
-    
+
             if(_videoElement) {
                 _videoElement.removeEventListener('timeupdate', stalledGenerator);
                 _videoElement.removeEventListener('playing', handlePlaying);
                 _videoElement.removeEventListener('pause', handlePause);
             }
-            
+
         }
     };