42 lines
1.5 KiB
HTML
42 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<header>
|
|
<!-- <script src="js/bootstrap.min.js"></script> -->
|
|
<script src="js/paho.javascript-1.0.3/paho-mqtt-min.js"></script>
|
|
<script src="js/msgpack.min.js"></script>
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="css/index.css" />
|
|
</header>
|
|
<body>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-4 tall-button">
|
|
<button id="readyButton" class="big-button">Ready?</button>
|
|
</div>
|
|
<div class="col-sm-4 tall-button">
|
|
<button id="yesButton" class="big-button" style="display: none">YES!</button>
|
|
</div>
|
|
<div class="col-sm-4 tall-button">
|
|
<button id="noButton" class="big-button" style="display: none">no :`(</button>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="camera">
|
|
<video id="video">Video stream not available.</video>
|
|
<button id="startbutton">Take photo</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<canvas id="canvas">
|
|
</canvas>
|
|
<div class="output">
|
|
<img id="photo" alt="The screen capture will appear in this box.">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/areyousatisfied.js"></script>
|
|
</body>
|
|
</html> |