Spaces:

heboya8
/

flask-demo

Paused

heboya8 commited on Jun 4

Commit

d4eb1f6

verified ·

1 Parent(s): a56ec85

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -1,18 +1,25 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Object Detection App</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 </head>
 <body>
-    <h1>Object Detection with DETR</h1>
-    <p>Upload an image to detect objects.</p>
     {% if error %}
         <p style="color: red;">{{ error }}</p>
     {% endif %}
-    <form method="POST" enctype="multipart/form-data" action="/upload">
-        <input type="file" name="file" accept="image/*">
-        <input type="submit" value="Detect Objects">
     </form>
 </body>
 </html>

 <!DOCTYPE html>
 <html>
 <head>
+    <title>Webcam Image Capture</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 </head>
 <body>
+    <h1>Webcam Image Capture</h1>
+    <p>Capture a webcam frame or upload an image.</p>
     {% if error %}
         <p style="color: red;">{{ error }}</p>
     {% endif %}
+    <div>
+        <video id="webcam" autoplay playsinline width="640" height="480"></video>
+        <canvas id="canvas" style="display: none;"></canvas>
+        <br>
+        <button onclick="capture()">Capture Webcam Frame</button>
+    </div>
+    <form id="upload-form" method="POST" enctype="multipart/form-data" action="/upload">
+        <input type="file" name="file" accept="image/*" id="file-input">
+        <input type="submit" value="Upload Image">
     </form>
+    <script src="{{ url_for('static', filename='script.js') }}"></script>
 </body>
 </html>