Avoid websocket reconnection from hidden tabs (#367)

nerfstudio-project · Jan 14, 2025 · 612313a · 612313a
1 parent 81cb02b
commit 612313a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/viser/client/src/WebsocketServerWorker.ts b/src/viser/client/src/WebsocketServerWorker.ts
@@ -60,8 +60,14 @@ function collectArrayBuffers(obj: any, buffers: Set<ArrayBuffer>) {
       console.log(`Disconnected! ${server} code=${event.code}`);
       clearTimeout(retryTimeout);
 
-      // Try to reconnect.
-      if (server !== null) setTimeout(tryConnect, 1000);
+      // Try to reconnect on next repaint.
+      // requestAnimationFrame() helps us avoid reconnecting from tabs that are
+      // hidden or minimized.
+      if (server !== null) {
+        requestAnimationFrame(() => {
+          setTimeout(tryConnect, 1000);
+        });
+      }
     };
 
     ws.onmessage = async (event) => {