@reactoo/watchtogether-sdk-js 2.7.80 → 2.7.82

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

@@ -1,11 +1,11 @@
-import {setExactTimeout} from "../wt-utils";
+import {setExactTimeout} from "../../models/utils";
 
 const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
-    
+
     //SYNC VARS
     let _libraryInstance = null;
     let _videoElement = null;
-    
+
     const syncDefaultWaitTime = 60000;
     const syncShortWaitTime = 10000;
     const maxSyncThreshold = 0.5;
@@ -15,40 +15,40 @@ const syncDoris = 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;
     let isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-    
+
     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);
                 }
@@ -56,36 +56,36 @@ const syncDoris = 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
@@ -98,49 +98,49 @@ const syncDoris = 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, act, isBufferSufficient} = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping);
-                    
+
                     if(position && Math.abs(position) <= maxSyncThreshold) {
                         room._log(`We're within max sync threshold, no need to resync now`);
                         setNextWaitTime(false);
                         return Promise.resolve();
                     }
-                    
+
                     if(position !== null) {
                         return seekDoris(position, act)
                             .then(() => {
                                 const seekDuration = (Date.now() - syncStartTime);
                                 const {position} = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos + seekDuration, syncData.ping);
                                 const syncPrecision =  Math.abs(position);
-    
+
                                 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 syncDoris = function ({room, wt, roomSession, emitter} = {}) {
                 return Promise.reject();
             })
     }
-    
+
     const handleAddLocalParticipant = () => {
         if(shouldPropagateMaster) {
             propagateMasterFunc();
@@ -170,17 +170,17 @@ const syncDoris = 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);
@@ -189,12 +189,12 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
             roomSyncSend(msg.sync_slave_id).catch(()=>{});
         }
     };
-    
+
     const getCurrentSegmentPosition = () => {
         var position;
         return (position = _libraryInstance.getCurrentDate()) === null || position === void 0 ? 0 : position.getTime()
     };
-    
+
     const calculateSyncDifferenceTime = (fragmentSn, fragmentPos, ping = 0) => {
         var _pos;
         let currentTime = (_pos = _libraryInstance.getCurrentDate()) === null || _pos === void 0 ? null : _pos.getTime()
@@ -204,12 +204,12 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
             return {position: null, isBufferSufficient: false}
         }
     };
-    
+
     const seekDoris = (time, act) => {
         //https://mcorp.no/lib/mediasync.js
         return new Promise((resolve, reject) => {
             if(time !== 0) {
-    
+
                 if(isSafari) {
                     isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm
                     _videoElement.addEventListener('playing', () => {
@@ -267,7 +267,7 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
             } else resolve()
         });
     };
-    
+
     const handlePlaying = () => {
         if(!isProgrammaticallySeeked) {
             room._log('Handle playing');
@@ -277,13 +277,13 @@ const syncDoris = 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) {
@@ -302,10 +302,10 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
             }
         }, 1000);
     };
-    
-    
+
+
     const roomSyncSend = (slaveId) => {
-        
+
         if(!_libraryInstance || !_videoElement) {
             room._log(
                 `I've been asked for position even if we don't have player attached.
@@ -313,12 +313,12 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
             );
             return Promise.resolve();
         }
-        
+
         let fragmentPosition = parseInt(getCurrentSegmentPosition());
-        
+
         room._log(`Sending my position to ${slaveId}`);
         room._log(`Current time: ${fragmentPosition}`);
-        
+
         return room.sendMessage(room.handleId, {
             body : {
                 request: "sync_response",
@@ -329,23 +329,23 @@ const syncDoris = 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,
@@ -353,32 +353,32 @@ const syncDoris = 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,
@@ -386,7 +386,7 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
                             masterFragmentSn: parseInt(msg.sync_master_fragment),
                         });
                     }
-                    
+
                     else {
                         clearTimeout(sid);
                         reject('Master lost connection')
@@ -401,14 +401,14 @@ const syncDoris = 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",
@@ -418,7 +418,7 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
                 fragment_pos:0
             }});
     };
-    
+
     const propagateMasterFunc = () => {
         room._log('Propagating master');
         if(!isConnected()) {
@@ -440,29 +440,29 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
         __events: ['playerSyncing'],
 
         initialize: ({dorisInstance, libraryInstance, propagateMaster = false} = {}) => {
-    
+
             _libraryInstance = dorisInstance || libraryInstance;
             _videoElement = _libraryInstance.sourceHandler.getElement();
-    
+
             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);
@@ -471,20 +471,20 @@ const syncDoris = function ({room, wt, roomSession, emitter} = {}) {
 
         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);
             }
-    
+
             _libraryInstance = null;
         }
     };