fix: video resize sometimes make video freeze

inlivedev · Sep 19, 2024 · b48d7d4 · b48d7d4
1 parent b79c6e1
commit b48d7d4
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/packages/room/observer/video-observer.js b/packages/room/observer/video-observer.js
@@ -5,6 +5,9 @@ export class VideoObserver {
   #dataChannel
   #resizeObserver
   #intersectionObserver
+  /** @type { import('./video-observer-types.js').VideoObserver.StringMapTimeout} delayedReports - Last report time */
+  #delayedReports
+
   /**
    * Constructor.
    * @param {RTCDataChannel} dataChannel - Data channel to use for reporting video size
@@ -15,6 +18,8 @@ export class VideoObserver {
     this.#intersectionObserver = new IntersectionObserver(
       this.#onIntersection.bind(this)
     )
+
+    this.#delayedReports = {}
   }
 
   /**
@@ -88,6 +93,17 @@ export class VideoObserver {
    * @returns {void}
    */
   #onVideoSizeChanged(id, width, height) {
+    if (id in this.#delayedReports) {
+      clearTimeout(this.#delayedReports[id])
+
+      delete this.#delayedReports[id]
+    }
+
+    this.#delayedReports[id] = setTimeout(() => {
+      console.log('video size changed', id, width, height)
+      this.sendVideoSize(id, width, height)
+    }, 30)
+
     this.sendVideoSize(id, width, height)
   }