Proxy and cache preview media

frontend/app.js

@@ -75,6 +75,13 @@ const hlsInstances = new WeakMap();
 const debugEntries = [];
 const PREVIEW_PLACEHOLDER = "https://placehold.co/1280x720/0a0a0a/ffffff?text=Preview";
 
+function proxiedPreviewURL(src) {
+  if (!src) {
+    return "";
+  }
+  return `/api/preview/stream?url=${encodeURIComponent(src)}`;
+}
+
 function setStatus(label, progress) {
   statusLabel.textContent = label;
   statusBar.style.width = `${Math.max(0, Math.min(100, progress))}%`;
@@ -418,7 +425,7 @@ function showResultModalVideo(src) {
   if (!src) {
     return;
   }
-  attachVideoSource(resultModalVideo, src);
+  attachVideoSource(resultModalVideo, proxiedPreviewURL(src));
   setHidden(resultModalVideo, false, "");
 }
 
@@ -452,7 +459,7 @@ function renderResults(results) {
       mediaArea.addEventListener("mouseenter", () => {
         logEvent("preview:hover:start", { title: item.title, source: item.source, previewVideoUrl: item.previewVideoUrl });
         overlays.forEach((overlay) => overlay.classList.add("hidden"));
-        startHoverPreview(previewVideo, item.previewVideoUrl);
+        startHoverPreview(previewVideo, proxiedPreviewURL(item.previewVideoUrl));
       });
       mediaArea.addEventListener("mouseleave", () => {
         logEvent("preview:hover:end", { title: item.title, source: item.source });
@@ -568,7 +575,7 @@ function openPreviewModal(preview) {
   previewThumbnail.alt = preview.title;
   resetPreviewPlayer();
   if (preview.previewStreamUrl) {
-    attachVideoSource(previewVideo, preview.previewStreamUrl);
+    attachVideoSource(previewVideo, proxiedPreviewURL(preview.previewStreamUrl));
     setHidden(previewVideo, false, "");
     setHidden(previewThumbnail, true, "");
   } else {