|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<script src="https://cdn.socket.io/4.5.4/socket.io.min.js" integrity="sha384-/KNQL8Nu5gCHLqwqfQjA689Hhoqgi2S84SNUxC3roTe4EhJ9AfLkp8QiQcU8AMzI" crossorigin="anonymous"></script> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/addons/p5.sound.min.js"></script> |
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" crossorigin="anonymous"> |
|
<link rel="stylesheet" type="text/css" href="style.css"> |
|
<meta charset="utf-8" /> |
|
</head> |
|
<body> |
|
<div id="main-container"> |
|
<div id="title"> |
|
<h2>moondream1 live vision</h2> |
|
<h3>1. turn on your camera - 2. start live vision</h3> |
|
</div> |
|
<div id="appcontent-ctn"> |
|
<div id="left-ctn"> |
|
<div id="canvas-container"></div> |
|
<div id="buttons-container"></div> |
|
<div id="checkbox-rear"></div> |
|
</div> |
|
<div id="right-ctn"> |
|
<div id="instructions-container"></div> |
|
<div id="loading-div"></div> |
|
<div id="vision-text-container"></div> |
|
</div> |
|
</div> |
|
|
|
|
|
</div> |
|
<script src="./sketch.js"></script> |
|
</body> |
|
</html> |
|
|