updated

main.py

@@ -19,6 +19,8 @@ logger = logging.getLogger(__name__)
 
 app = FastAPI()
 
+app.mount("/static", StaticFiles(directory="static"), name="static")
+
 @app.get("/", response_class=HTMLResponse)
 async def get(request: Request):
     logger.info("Serving the index page")

templates/index.html

@@ -7,7 +7,7 @@
     <style>
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: url('/templates/i.jpg') no-repeat center center fixed;
+            background: url('/static/i.jpg') no-repeat center center fixed;
             background-size: cover;
             color: #f0f0f0;
             display: flex;
@@ -110,7 +110,7 @@
                     }
                 };
 
-                const response = await fetch(`http://localhost:7860/start_detection`, {
+                const response = await fetch(`${window.location.origin}/start_detection`, {
                     method: 'POST',
                 });
 
@@ -121,7 +121,7 @@
                 const result = await response.json();
                 logMessage(`Detection started: ${result.status}`, 'info');
 
-                websocket = new WebSocket(`ws://localhost:7860/ws`);
+                websocket = new WebSocket(`wss://${window.location.host}/ws`);
                 websocket.onmessage = function(event) {
                     const data = event.data;
                     logMessage(`Detected ${data} audio`, data);