Update app.py

app.py

@@ -1,14 +1,24 @@
 from fastapi import FastAPI
 from fastapi.responses import StreamingResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from starlette.requests import Request
 import cv2
 
 app = FastAPI()
 
-# Open webcam (or use a video file)
+# Serve static files (for HTML & JS)
+app.mount("/static", StaticFiles(directory="static"), name="static")
+
+# Jinja2 template rendering
+templates = Jinja2Templates(directory="templates")
+
+# Open webcam (or use a file)
 video_source = 0  # Change to "video.mp4" for a file
 cap = cv2.VideoCapture(video_source)
 
 def generate_frames():
+    """Stream video frames as MJPEG."""
     while True:
         success, frame = cap.read()
         if not success:
@@ -18,10 +28,10 @@ def generate_frames():
                b"Content-Type: image/jpeg\r\n\r\n" +
                buffer.tobytes() + b"\r\n")
 
+@app.get("/")
+async def homepage(request: Request):
+    return templates.TemplateResponse("index.html", {"request": request})
+
 @app.get("/video")
 async def video_feed():
     return StreamingResponse(generate_frames(), media_type="multipart/x-mixed-replace; boundary=frame")
-
-@app.get("/")
-def index():
-    return {"message": "Video Streaming with FastAPI"}