PageInfo can start and stop all periodic functions (to be implemented when switching tabs)

js/lib/PlayerData.js

@@ -43,18 +43,35 @@ class PlayerData {
     return ( window.innerHeight == window.screen.height && window.innerWidth == window.screen.width);
   }
 
-  startChangeDetection(){
-    this.scheduleGhettoWatcher();
+
+
+  start(){
+    this.startChangeDetection();
+  }
+
+  stop(){
+    this.halted = true;
+    this.stopChangeDetection();
   }
 
   destroy() {
     this.stopChangeDetection();
   }
 
+  startChangeDetection(){
+    this.scheduleGhettoWatcher();
+  }
+  stopChangeDetection(){
+    clearTimeout(this.watchTimeout);
+  }
+
   scheduleGhettoWatcher(timeout, force_reset) {
     if(! timeout){
       timeout = 100;
     }
+    if(this.halted){
+      return;
+    }
 
     // don't allow more than 1 instance
     if(this.watchTimeout){ 
@@ -74,9 +91,6 @@ class PlayerData {
     );
   }
 
-  stopChangeDetection(){
-    clearTimeout(this.watchTimeout);
-  }
 
   ghettoWatcher(){
     if(this.checkPlayerSizeChange()){

js/modules/PageInfo.js

@@ -154,6 +154,24 @@ class PageInfo {
     }
   }
 
+
+  // to je treba klicat ob menjavi zavihkov
+  // these need to be called on tab switch
+  pauseProcessing(){
+    for(var vd of this.videos){
+      vd.pause();
+    }
+  }
+
+  resumeProcessing(resumeAutoar = false){
+    for(var vd of this.videos){
+      vd.resume();
+      if(resumeAutoar){
+        vd.resumeAutoAr();
+      }
+    }
+  }
+
   setAr(ar){
     // TODO: find a way to only change aspect ratio for one video
     for(var vd in this.videos){

js/modules/Resizer.js

@@ -33,6 +33,14 @@ class Resizer {
     this.destroyed = false;
   }
   
+  start(){
+    this.startCssWatcher();
+  }
+
+  stop(){
+    this.stopCssWatcher();
+  }
+
   destroy(){
     this.destroyed = true;
     this.stopCssWatcher();