Implementation of photo taking feature

This commit is contained in:
Henry Feng
2022-11-30 15:59:43 -08:00
parent 20cdc4ce76
commit 0d17ddee53
4 changed files with 144 additions and 43 deletions

View File

@@ -70,13 +70,17 @@
<legend>PICTURE:</legend>
<select id="select" name="select">
<option value="file">File Upload</option>
<option value="url">From an URL</option>
<option value="photo">Take a Photo</option>
</select>
<label for="mealImage" id="source">
<input type="file" accept="image/*" id="mealImg" name="mealImg">
</label>
<input type="file" accept="image/*" id="mealImg" name="mealImg">
</fieldset>
<fieldset>
<video id="player" width="320" height="240" autoplay hidden></video>
<canvas id="photoCanvas" width="320" height="240" hidden></canvas>
<button type="button" id="photoButton" hidden>Take Photo</button>
</fieldset>
<fieldset>
<legend>MEAL NAME:</legend>
<label for="Name: "> <input type="text" id="mealName" name="mealName" required> </label>