From 1d41433ddcb66df9fab6b23c1bfbbdceea54d933 Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Tue, 31 Mar 2026 10:35:17 -0500
Subject: [PATCH] Fix: Ensure absolute URL is used for stream in FloatingVideo
 component to resolve relative URLs in WorkerGlobalScope.

---
 frontend/src/components/FloatingVideo.jsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/FloatingVideo.jsx b/frontend/src/components/FloatingVideo.jsx
index ccba7934..f5bdc303 100644
--- a/frontend/src/components/FloatingVideo.jsx
+++ b/frontend/src/components/FloatingVideo.jsx
@@ -313,10 +313,17 @@ export default function FloatingVideo() {
         return;
       }
 
+      // mpegts.js workers run in WorkerGlobalScope where relative URLs are
+      // not resolved against the page origin. Always pass an absolute URL.
+      const absoluteStreamUrl =
+        streamUrl.startsWith('/') && typeof window !== 'undefined'
+          ? `${window.location.origin}${streamUrl}`
+          : streamUrl;
+
       const player = mpegts.createPlayer(
         {
           type: 'mpegts',
-          url: streamUrl,
+          url: absoluteStreamUrl,
           isLive: true,
           cors: true,
         },