@reactoo/watchtogether-sdk-js 2.7.80 → 2.7.82

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

@@ -1,13 +1,13 @@
-import {wait} from "../wt-utils";
+import {wait} from "../../models/utils";
 
 const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
-    
-    
+
+
     //SYNC VARS
     let _videoElement = null;
     let _roomId = null;
     let _syncDisabled = false;
-    
+
     const syncDefaultWaitTime = 60000;
     const syncShortWaitTime = 10000;
     const maxSyncThreshold = 0.5;
@@ -19,43 +19,43 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
     let   isSyncing = false;
     let   seekingDebounceId = null
     let   seekingDebounceTimeout = 300;
-    
+
     let isPlaying = false;
     let isProgrammaticallySeeked = false;
     let isForcedMaster = false;
-    
-    
+
+
     const startSyncLoop = () => {
-        
+
         if(_syncDisabled) {
             room._log('--- Sync loop will not start due to sync force disabled ---');
             return
         }
-        
+
         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);
                 }
@@ -63,36 +63,36 @@ const syncVodHlsJs = 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
@@ -105,54 +105,54 @@ const syncVodHlsJs = 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 || stopFlag) {
                     setNextWaitTime(false);
                     return Promise.resolve();
                 }
-                
+
                 else if(isForcedMaster) {
                     setNextWaitTime(false);
                     return propagateMasterFunc();
                 }
-                
+
                 else {
-                    
+
                     const syncStartTime = Date.now();
                     const {position, isBufferSufficient} = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping);
                     const currentPosition = getCurrentSegmentPosition() / 1000;
-    
+
                     if(syncData.masterFragmentSn) {
                         playMedia()
                     } else {
                         pauseMedia()
                     }
-                    
+
                     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((position + (isPlaying ? seekDuration : 0)) - (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();
@@ -170,7 +170,7 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
                 setNextWaitTime(true);
             })
     }
-    
+
     const handleAddLocalParticipant = () => {
         if(isForcedMaster) {
             propagateMasterFunc();
@@ -182,7 +182,7 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
             }, 1000);
         }
     };
-    
+
     const handleAddRemoteParticipant = () => {
         if(isForcedMaster) {
             propagateMasterFunc();
@@ -198,22 +198,22 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
     const isConnected = () => {
         return room._isDataChannelOpen && room.isConnected;
     };
-    
+
     const executePlayerIotEvents = (data) => {
         let rid = _roomId || room.roomId;
         if(data.attributeName === 'playerReplay' && (!rid || data?.roomId === rid)) {
             seekTo(0).then(() => playMedia());
         }
-        
+
         if(data.attributeName === 'playerPlay' && (!rid || data?.roomId === rid)) {
             playMedia();
         }
-        
+
         if(data.attributeName === 'playerPause' && (!rid || data?.roomId === rid)) {
             pauseMedia();
         }
     };
-    
+
     const parseIotEvents = (data) => {
         if(data.event === 'template_updated') {
             if(data.operation === 'multi') {
@@ -228,9 +228,9 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
             }
         }
     };
-    
+
     const parseDataEvents = (msg = {}) => {
-        
+
         if(msg.videoroom === 'sync_source_set' && msg.wt_channel_id != "") {
             emitter.emit('changePlayerSource', msg.wt_channel_id);
         }
@@ -238,20 +238,20 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
             roomSyncSend(msg.sync_slave_id).catch(()=>{});
         }
         else if(msg.videoroom === 'message') {
-            
+
             // ignoring non studio commands if master
             if(isForcedMaster && msg.from !== null) {
                 return;
             }
-            
+
             if(_syncDisabled) {
                 return;
             }
-            
+
             if(msg.user_action === 'sync_seeking') {
                 seekMedia(msg)
                     .catch(() => {
-                    
+
                     });
             }
             else if(msg.user_action === 'sync_seeked') {
@@ -535,21 +535,21 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
         __events: ['playerSyncing'],
 
         initialize: ({videoElement , propagateMaster = false, isStudio = false, roomId, syncDisabled} = {}) => {
-            
+
             _videoElement = videoElement;
             _roomId = roomId;
             _syncDisabled = syncDisabled;
-    
+
             if(!_videoElement) {
                 room._log('No video element present!');
                 return;
             }
 
             emitter.emit('playerSyncing', false);
-    
+
             isForcedMaster = propagateMaster;
             isPlaying = _videoElement.paused === false;
-            
+
             room.on('disconnect', stopSyncLoop);
             room.on('addLocalParticipant', handleAddLocalParticipant);
             room.on('removeLocalParticipant', stopSyncLoop);
@@ -557,11 +557,11 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
             room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);
             room.on('data', parseDataEvents);
             wt.iot.$on('message', parseIotEvents);
-    
+
             if(isForcedMaster) {
                 propagateMasterFunc().catch(() => {});
             }
-    
+
             if(_videoElement) {
                 (
                     propagateMaster || isStudio ?
@@ -580,9 +580,9 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
         },
 
         destroy: () => {
-    
+
             stopSyncLoop();
-    
+
             room.off('disconnect', stopSyncLoop);
             room.off('addLocalParticipant', handleAddLocalParticipant);
             room.off('removeLocalParticipant', stopSyncLoop);
@@ -590,8 +590,8 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
             room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);
             room.off('data', parseDataEvents);
             wt.iot.$off('message', parseIotEvents);
-            
-    
+
+
             if(_videoElement) {
                 _videoElement.removeEventListener('stalled', handleStalledWaiting);
                 _videoElement.removeEventListener('playing', handlePlaying);
@@ -600,7 +600,7 @@ const syncVodHlsJs = function ({room, wt, roomSession, emitter} = {}) {
                 _videoElement.removeEventListener('seeked', handleSeeked);
                 _videoElement.removeEventListener('ended', handleEnded);
             }
-    
+
             _videoElement = null;
         }
     };