minor update

2025-12-27 02:49:39 +06:00
parent 0f218c1519
commit 2d30ac2863
5 changed files with 28 additions and 5 deletions
--- a/client/app/composables/use-fullscreen-video.ts
+++ b/client/app/composables/use-fullscreen-video.ts
@@ -29,11 +29,25 @@ export const useFullscreenVideo = createGlobalState(() => {
      videoEl.value = el
    }

+    stream.getTracks().forEach(t =>
+      t.addEventListener('ended', hide),
+    )
+    videoEl.value.addEventListener('ended', hide)
+
    await videoEl.value.requestFullscreen()
  }

  function hide() {
+    if (!videoEl.value)
+      return
+
+    (videoEl.value.srcObject as MediaStream).getTracks().forEach(t =>
+      t.removeEventListener('ended', hide),
+    )
+    videoEl.value.removeEventListener('ended', hide)
+
    videoEl.value?.remove()
+    videoEl.value = undefined
  }

  useEventListener(document, 'fullscreenchange', () => {