Spaces:

practisebook
/

Blind_Assistance

Running

practisebook commited on Jan 5, 2025

Commit

c095f63

verified ·

1 Parent(s): c832915

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -5,14 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Real-Time Object Detection for Blind Assistance</title>
     <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
-    <script src="assets/detection.js"></script>
     <link rel="stylesheet" href="assets/styles.css" />
   </head>
   <body>
     <h1>Real-Time Object Detection for Blind Assistance</h1>
     <p>This app detects objects in real-time using a webcam feed and provides audio feedback for blind assistance.</p>
     <button id="start">Start Real-Time Detection</button>
-    <div>
       <video id="video" autoplay muted playsinline></video>
       <canvas id="canvas"></canvas>
     </div>

     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Real-Time Object Detection for Blind Assistance</title>
     <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
+    <script type="module" src="assets/detection.js"></script>
     <link rel="stylesheet" href="assets/styles.css" />
   </head>
   <body>
     <h1>Real-Time Object Detection for Blind Assistance</h1>
     <p>This app detects objects in real-time using a webcam feed and provides audio feedback for blind assistance.</p>
     <button id="start">Start Real-Time Detection</button>
+    <div id="webcam-container">
       <video id="video" autoplay muted playsinline></video>
       <canvas id="canvas"></canvas>
     </div>