Hugging Face's logo

Spaces:
Gregniuki
/
Pipertts
Running

App Files Community
1
Gregniuki commited on
Commit
d3f22a2
·
1 Parent(s): 3ce6dc6

Update templates/interface.html

Browse files
Files changed (1) hide show
  1. templates/interface.html +43 -24
templates/interface.html CHANGED
@@ -1,33 +1,52 @@
1
  <!DOCTYPE html>
2
- <html lang="en">
3
  <head>
 
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <link rel="stylesheet" href="styles.css"> <!-- Link to your external CSS file -->
7
- <title>FastAPI HTML Interface</title>
8
  </head>
9
  <body>
10
- <h1>FastAPI HTML Interface</h1>
11
- <form>
12
- <div class="form-group">
13
- <label for="speaker">Select speaker:</label>
14
- <select id="speaker" name="speaker">
15
- {% for option in data.speaker_options %}
16
- <option {% if option == data.default_speaker %}selected{% endif %}>{{ option }}</option>
17
- {% endfor %}
18
- </select>
19
- </div>
20
- <div class="form-group">
21
- <label for="text">Text to synthesize:</label>
22
- <input type="text" id="text" name="text" placeholder="Enter your text here" class="text-input">
23
- </div>
24
- <div class="form-group">
25
- <label for="rate">Rate scale:</label>
26
- <input type="range" id="rate" name="rate" min="0.25" max="4" step="0.1" value="1" class="slider">
27
- </div>
28
- <!-- Add more form elements here -->
29
- <button type="button" id="synthesize" class="btn-success">Synthesize</button>
30
- <button type="button" id="exit" class="btn-danger">Exit</button>
31
- </form>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
32
  </body>
33
  </html>
 
 
1
  <!DOCTYPE html>
2
+ <html>
3
  <head>
4
+ <title>Your FastAPI App</title>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
  <link rel="stylesheet" href="styles.css"> <!-- Link to your external CSS file -->
8
+ <!-- Add any CSS links or styles here -->
9
  </head>
10
  <body>
11
+ <div>
12
+ <label for="selection">Select speaker:</label>
13
+ <select id="selection"></select>
14
+ <button id="load_btn">Load it!</button>
15
+ </div>
16
+
17
+ <div id="speaker_selection" style="display: none;">
18
+ <!-- Dropdown for speaker selection -->
19
+ </div>
20
+
21
+ <div>
22
+ <label for="speed_slider">Rate scale:</label>
23
+ <input type="range" id="speed_slider" min="0.25" max="4" step="0.1" value="1">
24
+ </div>
25
+
26
+ <div>
27
+ <label for="noise_scale_slider">Phoneme noise scale:</label>
28
+ <input type="range" id="noise_scale_slider" min="0.25" max="4" step="0.1" value="0.667">
29
+ </div>
30
+
31
+ <div>
32
+ <label for="noise_scale_w_slider">Phoneme stressing scale:</label>
33
+ <input type="range" id="noise_scale_w_slider" min="0.25" max="4" step="0.1" value="1">
34
+ </div>
35
+
36
+ <div>
37
+ <label for="play">Auto-play:</label>
38
+ <input type="checkbox" id="play" checked>
39
+ </div>
40
+
41
+ <div>
42
+ <label for="text_input">Text to synthesize:</label>
43
+ <input type="text" id="text_input" placeholder="Enter your text here">
44
+ </div>
45
+
46
+ <button id="synthesize_button">Synthesize</button>
47
+ <button id="close_button">Exit</button>
48
+
49
+ <!-- Add any JavaScript scripts or functions here -->
50
  </body>
51
  </html>
52
+