Update Frontend/index.html
Browse files- Frontend/index.html +6 -5
Frontend/index.html
CHANGED
@@ -11,16 +11,17 @@
|
|
11 |
<video autoplay="true" id="videoElement"></video>
|
12 |
<br />
|
13 |
<!-- π Flip Camera button -->
|
14 |
-
<button onclick="toggleCamera()">π Flip Camera</button>
|
15 |
-
<button onclick="captureAndSend()">Capture & Predict</button>
|
|
|
16 |
<div id="capturedImagePreview">
|
17 |
-
|
18 |
-
|
19 |
</div>
|
20 |
|
21 |
-
|
22 |
<div id="emojiDisplay"></div>
|
23 |
<div id="emotionText"></div>
|
|
|
24 |
<!-- Download link -->
|
25 |
<a id="downloadEmoji" download="emoji.png" style="display: none;">β¬οΈ Download Emoji</a>
|
26 |
|
|
|
11 |
<video autoplay="true" id="videoElement"></video>
|
12 |
<br />
|
13 |
<!-- π Flip Camera button -->
|
14 |
+
<button class="btn" onclick="toggleCamera()">π Flip Camera</button>
|
15 |
+
<button class="btn" onclick="captureAndSend()">Capture & Predict</button>
|
16 |
+
|
17 |
<div id="capturedImagePreview">
|
18 |
+
<h3>Captured Image:</h3>
|
19 |
+
<img id="snapshotImage" alt="Captured snapshot" />
|
20 |
</div>
|
21 |
|
|
|
22 |
<div id="emojiDisplay"></div>
|
23 |
<div id="emotionText"></div>
|
24 |
+
|
25 |
<!-- Download link -->
|
26 |
<a id="downloadEmoji" download="emoji.png" style="display: none;">β¬οΈ Download Emoji</a>
|
27 |
|