ml5-recorded-videos-training/index.html at master · matamalaortiz/ml5-recorded-videos-training · GitHub

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
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="js/capture.js"></script>
  <script src="js/ml5.min.js"></script>
  <title>ML5-KNN-Videos</title>
</head>

<style>
  body { font-family: "Arial", open-sans; text-align: center;}
  #tranning { display: none; }
</style>

<body>

  <h3>ML5 (KNN) • Prerecorded Videos </h3>
  <p>Example to train the program when the page loads.</p>
  <p><b>Try covering the webcam with your hands or a white sheet of paper.</b></p>

  <!-- Videos Recorded for Training -->
  <video id="videoTraining" muted autoplay loop crossorigin="anonymous" width="227" height="227" style="display:none" ></video>
  <!-- Ml5 Input video for prediction -->
  <video id="videoHidden" muted autoplay crossorigin="anonymous" width="227" height="227" style="display:none" ></video>
  <!-- UX Video -->
	<video id="videoLive" muted autoplay crossorigin="anonymous" ></video>
  <!-- Prediction -->
  <p id="prediction">Loading</p>

  <a href="https://github.com/matamalaortiz/ml5-prerecorded-videos">Source Code</a>
  <script src="js/script.js"></script>

</body>
</html>