🚀 Fix download functionality: Add streaming endpoint to bypass CORS issues

Author: shiey

=3.8.0

@@ -0,0 +1,35 @@
+Collecting aiohttp
+  Downloading aiohttp-3.12.15-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl.metadata (7.7 kB)
+Collecting aiohappyeyeballs>=2.5.0 (from aiohttp)
+  Downloading aiohappyeyeballs-2.6.1-py3-none-any.whl.metadata (5.9 kB)
+Collecting aiosignal>=1.4.0 (from aiohttp)
+  Downloading aiosignal-1.4.0-py3-none-any.whl.metadata (3.7 kB)
+Collecting attrs>=17.3.0 (from aiohttp)
+  Downloading attrs-25.3.0-py3-none-any.whl.metadata (10 kB)
+Collecting frozenlist>=1.1.1 (from aiohttp)
+  Downloading frozenlist-1.7.0-cp312-cp312-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl.metadata (18 kB)
+Collecting multidict<7.0,>=4.5 (from aiohttp)
+  Downloading multidict-6.6.4-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl.metadata (5.3 kB)
+Collecting propcache>=0.2.0 (from aiohttp)
+  Downloading propcache-0.3.2-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl.metadata (12 kB)
+Collecting yarl<2.0,>=1.17.0 (from aiohttp)
+  Downloading yarl-1.20.1-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl.metadata (73 kB)
+     ━━━━━━━━━━━━━━━━━━━━ 73.9/73.9 kB 86.6 kB/s eta 0:00:00
+Requirement already satisfied: typing-extensions>=4.2 in ./venv/lib/python3.12/site-packages (from aiosignal>=1.4.0->aiohttp) (4.14.1)
+Requirement already satisfied: idna>=2.0 in ./venv/lib/python3.12/site-packages (from yarl<2.0,>=1.17.0->aiohttp) (3.10)
+Downloading aiohttp-3.12.15-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl (1.7 MB)
+   ━━━━━━━━━━━━━━━━━━━━━━━━ 1.7/1.7 MB 68.0 kB/s eta 0:00:00
+Downloading aiohappyeyeballs-2.6.1-py3-none-any.whl (15 kB)
+Downloading aiosignal-1.4.0-py3-none-any.whl (7.5 kB)
+Downloading attrs-25.3.0-py3-none-any.whl (63 kB)
+   ━━━━━━━━━━━━━━━━━━━━━ 63.8/63.8 kB 113.2 kB/s eta 0:00:00
+Downloading frozenlist-1.7.0-cp312-cp312-manylinux_2_5_x86_64.manylinux1_x86_64.manylinux_2_17_x86_64.manylinux2014_x86_64.whl (241 kB)
+   ━━━━━━━━━━━━━━━━━━━━ 241.8/241.8 kB 74.1 kB/s eta 0:00:00
+Downloading multidict-6.6.4-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl (256 kB)
+   ━━━━━━━━━━━━━━━━━━━━ 256.1/256.1 kB 76.5 kB/s eta 0:00:00
+Downloading propcache-0.3.2-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl (224 kB)
+   ━━━━━━━━━━━━━━━━━━━━ 224.4/224.4 kB 60.8 kB/s eta 0:00:00
+Downloading yarl-1.20.1-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl (355 kB)
+   ━━━━━━━━━━━━━━━━━━━━ 355.6/355.6 kB 64.6 kB/s eta 0:00:00
+Installing collected packages: propcache, multidict, frozenlist, attrs, aiohappyeyeballs, yarl, aiosignal, aiohttp
+Successfully installed aiohappyeyeballs-2.6.1 aiohttp-3.12.15 aiosignal-1.4.0 attrs-25.3.0 frozenlist-1.7.0 multidict-6.6.4 propcache-0.3.2 yarl-1.20.1

app/main.py

@@ -1,10 +1,14 @@
 from fastapi import FastAPI, HTTPException, Depends, Request
 from fastapi.middleware.cors import CORSMiddleware
-from fastapi.responses import JSONResponse
+from fastapi.responses import JSONResponse, StreamingResponse
 from fastapi.staticfiles import StaticFiles
 import logging
 import sys
 from contextlib import asynccontextmanager
+import aiohttp
+import tempfile
+import os
+from urllib.parse import urlparse
 
 from app.config import settings
 from app.models import (
@@ -157,6 +161,53 @@ async def download_video(
             }
         )
 
+# Streaming download endpoint  
+@app.get("/stream/{video_id}")
+async def stream_video(video_id: str, url: str):
+    """
+    Stream video file directly through our server to avoid CORS issues
+    """
+    try:
+        logger.info(f"Streaming video: {url}")
+        
+        # Validate URL
+        parsed_url = urlparse(url)
+        if not parsed_url.scheme or not parsed_url.netloc:
+            raise HTTPException(status_code=400, detail="Invalid URL")
+        
+        async def generate():
+            timeout = aiohttp.ClientTimeout(total=600)  # 10 minutes timeout
+            async with aiohttp.ClientSession(timeout=timeout) as session:
+                try:
+                    async with session.get(
+                        url, 
+                        headers={
+                            'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+                        }
+                    ) as response:
+                        if response.status != 200:
+                            raise HTTPException(status_code=response.status, detail="Failed to fetch video")
+                        
+                        chunk_size = 8192
+                        async for chunk in response.content.iter_chunked(chunk_size):
+                            yield chunk
+                            
+                except Exception as e:
+                    logger.error(f"Streaming error: {str(e)}")
+                    raise
+        
+        return StreamingResponse(
+            generate(),
+            media_type="video/mp4",
+            headers={
+                "Content-Disposition": f"attachment; filename={video_id}.mp4"
+            }
+        )
+        
+    except Exception as e:
+        logger.error(f"Stream error: {str(e)}")
+        raise HTTPException(status_code=500, detail="Failed to stream video")
+
 # Get video info without download
 @app.post("/info", response_model=VideoDownloadResponse)
 async def get_video_info(

requirements.txt

@@ -2,4 +2,5 @@ fastapi==0.104.1
 uvicorn[standard]==0.24.0
 pydantic>=2.8.0
 yt-dlp>=2025.8.22
-python-multipart==0.0.6
+python-multipart==0.0.6
+aiohttp>=3.8.0

static/script.js

@@ -101,10 +101,15 @@ class FacebookVideoDownloader {
             </div>
         `;
 
-        // Set download link
-        downloadLink.href = data.download_url;
+        // Set download link with streaming endpoint
+        const videoId = this.generateVideoId(data.video_info.title);
+        const streamUrl = `/stream/${videoId}?url=${encodeURIComponent(data.download_url)}`;
+        downloadLink.href = streamUrl;
         downloadLink.download = this.generateFileName(data.video_info.title);
 
+        // Remove the custom onclick handler - use native download
+        downloadLink.onclick = null;
+        
         this.results.classList.remove('hidden');
         this.resetButton();
     }
@@ -162,6 +167,17 @@ class FacebookVideoDownloader {
 
         return `${cleanTitle}.mp4`;
     }
+    
+    generateVideoId(title) {
+        if (!title) return 'facebook_video';
+        
+        // Create a simple ID from title
+        return title
+            .replace(/[^\w\s-]/g, '') // Remove special characters
+            .replace(/\s+/g, '_') // Replace spaces with underscores
+            .toLowerCase()
+            .substring(0, 30); // Limit length
+    }
 }
 
 // Initialize the application when DOM is loaded