Reacquire wakeLock after switching tabs (#28)

membraneframework-labs · Jun 23, 2022 · 9019e8e · 9019e8e
1 parent 9b939bc
commit 9019e8e
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/assets/src/room.ts b/assets/src/room.ts
@@ -89,7 +89,11 @@ export class Room {
           });
           this.updateParticipantsList();
           if ("wakeLock" in navigator) {
+            // Acquire wakeLock on join
             navigator.wakeLock.request('screen').then((wakeLock) => { this.wakeLock = wakeLock; });
+
+            // Reacquire wakeLock when after the document is visible again (e.g. user went back to the tab)
+            document.addEventListener('visibilitychange', this.onVisibilityChange);
           }
         },
         onJoinError: (_metadata) => {
@@ -251,7 +255,14 @@ export class Room {
     this.webrtc.join({ displayName: this.displayName });
   };
 
+  private onVisibilityChange = async () => {
+    if (this.wakeLock !== null && document.visibilityState === 'visible') {
+      this.wakeLock = await navigator.wakeLock.request('screen');
+    }
+  }
+
   private leave = () => {
+    document.removeEventListener('visibilitychange', this.onVisibilityChange);
     this.wakeLock && this.wakeLock.release();
     this.wakeLock = null;
     this.webrtc.leave();