feat: add Hugging Face Space LFS support and improve error handling for remote example videos

app.py

@@ -169,8 +169,14 @@ def list_sample_videos(asset_dir: str = "__assets__", max_samples: int = 8) -> L
 app = Server()
 
 @app.api()
-def get_examples() -> List[FileData]:
+def get_examples() -> List[dict]:
     samples = list_sample_videos("__assets__/", max_samples=16)
+    space_id = os.getenv("SPACE_ID")
+    
+    if space_id:
+        hub_base = f"https://huggingface.co/spaces/{space_id}/resolve/main/__assets__/"
+        return [{"url": f"{hub_base}{s['name']}", "orig_name": s["name"]} for s in samples]
+    
     return [FileData(path=s["path"], orig_name=s["name"]) for s in samples]
 
 @app.api()
@@ -190,6 +196,13 @@ def run_inference(video_file: dict) -> dict:
     if not os.path.exists(video_path):
         return {"error": "Video file not found"}
 
+    # Check if it's a Git LFS pointer instead of a real video
+    if os.path.getsize(video_path) < 1000:
+        with open(video_path, "rb") as f:
+            header = f.read(100)
+            if b"version https://git-lfs" in header:
+                return {"error": "LFS pointer detected. Please ensure video files are fully downloaded on the Space."}
+
     print(f"Start processing: {video_path}")
     pred_ranges, pred_intra_labels, pred_inter_labels, video_np_full, fps = single_video_inference(
         video_path=video_path,

index.html

@@ -637,11 +637,22 @@
                     item.appendChild(label);
                     
                     item.onclick = async () => {
-                        const response = await fetch(ex.url);
-                        const blob = await response.blob();
-                        const file = new File([blob], ex.orig_name || 'example.mp4', { type: 'video/mp4' });
-                        handleFile(file);
-                        window.scrollTo({ top: dropZone.offsetTop - 100, behavior: 'smooth' });
+                        try {
+                            const response = await fetch(ex.url);
+                            if (!response.ok) throw new Error("Fetch failed");
+                            
+                            const blob = await response.blob();
+                            if (blob.size < 1000) {
+                                alert("Warning: This file appears to be a Git LFS pointer and not a real video. Please check your Space's LFS settings.");
+                            }
+                            
+                            const file = new File([blob], ex.orig_name || 'example.mp4', { type: 'video/mp4' });
+                            handleFile(file);
+                            window.scrollTo({ top: dropZone.offsetTop - 100, behavior: 'smooth' });
+                        } catch (err) {
+                            console.error(err);
+                            alert("Failed to load example video. It may be missing from the server.");
+                        }
                     };
                     
                     examplesGrid.appendChild(item);