File size: 841 Bytes
64ab4b7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<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>