Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Gesture Slide Viewer</title> | |
| <link rel="stylesheet" href="/static/styles.css"> | |
| </head> | |
| <body> | |
| <h2 style="text-align:center;">Gesture Slide Viewer</h2> | |
| <img id="slide" src="" style="max-width:700px; border-radius:10px;" /> | |
| <div id="count" style="font-size:18px; margin:10px;"></div> | |
| <video id="webcam" autoplay muted playsinline width="320" height="240"></video> | |
| <canvas id="overlay" width="320" height="240"></canvas> | |
| <!-- MediaPipe Hands --> | |
| <script src="https://cdn.jsdelivr.net/npm/@mediapipe/hands/hands.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils/camera_utils.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils/drawing_utils.js"></script> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> | |