47 lines
1.2 KiB
HTML
47 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Get User Media Code Along!</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<link rel="icon" href="https://fav.farm/🔥" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="photobooth">
|
||
|
|
<div class="controls">
|
||
|
|
<button onClick="takePhoto()">Take Photo</button>
|
||
|
|
<!-- <div class="rgb">
|
||
|
|
<label for="rmin">Red Min:</label>
|
||
|
|
<input type="range" min=0 max=255 name="rmin">
|
||
|
|
<label for="rmax">Red Max:</label>
|
||
|
|
<input type="range" min=0 max=255 name="rmax">
|
||
|
|
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<label for="gmin">Green Min:</label>
|
||
|
|
<input type="range" min=0 max=255 name="gmin">
|
||
|
|
<label for="gmax">Green Max:</label>
|
||
|
|
<input type="range" min=0 max=255 name="gmax">
|
||
|
|
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<label for="bmin">Blue Min:</label>
|
||
|
|
<input type="range" min=0 max=255 name="bmin">
|
||
|
|
<label for="bmax">Blue Max:</label>
|
||
|
|
<input type="range" min=0 max=255 name="bmax">
|
||
|
|
</div> -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<canvas class="photo"></canvas>
|
||
|
|
<video class="player"></video>
|
||
|
|
<div class="strip"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<audio class="snap" src="./snap.mp3" hidden></audio>
|
||
|
|
|
||
|
|
<script src="scripts.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|