Spaces:

DHEIVER
/

Hand-Pose-Detection

Running

DHEIVER commited on Feb 12

Commit

b9c9575

verified ·

1 Parent(s): ce4aa73

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -3,18 +3,17 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>3D Hand Pose Detection</title>
   <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-  <h1>3D Hand Pose Detection with TensorFlow.js and MediaPipe</h1>
   <div id="container">
-    <video id="video" autoplay playsinline></video>
     <canvas id="outputCanvas"></canvas>
   </div>
   <p id="status">Loading model...</p>
-  <!-- Import TensorFlow.js and MediaPipe libraries -->
   <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
   <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/hand-pose-detection"></script>
   <script src="app.js"></script>

 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Hand Pose Detection</title>
   <link rel="stylesheet" href="styles.css">
 </head>
 <body>
+  <h1>3D Hand Pose Detection</h1>
   <div id="container">
+    <img id="inputImage" src="hand.jpg" alt="Input Image">
     <canvas id="outputCanvas"></canvas>
   </div>
   <p id="status">Loading model...</p>
   <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
   <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/hand-pose-detection"></script>
   <script src="app.js"></script>