Hugging Face's logo

Spaces:
Prime810
/
FaceFeel
Sleeping

App Files Community
Prime810 commited on
Commit
d085dad
·
verified ·
1 Parent(s): 63be947

Update Frontend/index.html

Browse files
Files changed (1) hide show
  1. Frontend/index.html +17 -22
Frontend/index.html CHANGED
@@ -3,33 +3,28 @@
3
  <head>
4
  <meta charset="UTF-8" />
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
- <title>FaceFeel: Emotion Mirror</title>
7
  <link rel="stylesheet" href="/static/style.css">
8
  </head>
9
  <body>
10
- <header>
11
- <h1>FaceFeel</h1>
12
- <p>Your Face, Your Feelings!</p>
13
- </header>
 
 
 
 
 
 
 
14
 
15
- <section class="camera-section">
16
- <video autoplay="true" id="videoElement"></video>
17
- <div class="btn-group">
18
- <button class="btn" onclick="toggleCamera()">🔄 Flip Camera</button>
19
- <button class="btn primary" onclick="captureAndSend()">📸 Capture & Predict</button>
20
- </div>
21
- </section>
22
 
23
- <section class="result-section">
24
- <div id="capturedImagePreview">
25
- <h3>Captured Image</h3>
26
- <img id="snapshotImage" alt="Captured snapshot"/>
27
- </div>
28
-
29
- <div id="emojiDisplay"></div>
30
- <div id="emotionText"></div>
31
- <a id="downloadEmoji" download="emoji.png">⬇️ Download Emoji</a>
32
- </section>
33
  <script src="/static/scripts.js"></script>
34
  </body>
35
  </html>
 
3
  <head>
4
  <meta charset="UTF-8" />
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
+ <title>FaceFeel</title>
7
  <link rel="stylesheet" href="/static/style.css">
8
  </head>
9
  <body>
10
+ <h1>FaceFeel: Your Face, Your Feelings!</h1>
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
 
 
 
 
 
 
 
 
 
 
 
28
  <script src="/static/scripts.js"></script>
29
  </body>
30
  </html>