captureImages/index.html

<!-- https://github.com/mdn/samples-server/tree/master/s/webrtc-capturestill -->
<!doctype html>
<html>
<head>
    <title>Training data</title>
    <meta charset='utf-8'>
    <link rel="stylesheet" href="main.css" type="text/css" media="all">
    <script src="capture.js">
    </script>
</head>
<body>
  <div class="camera">
    <video id="video">Video stream not available.</video>
    <button id="startbutton">Start burst</button>
    <button id="stopbutton" class="hidebutton">Stop burst</button>
  </div>
  <canvas id="canvas">
  </canvas>
  <div id="output">
    <!-- <img id="photo" alt="The screen capture will appear in this box.">  -->
  </div>
</body>