Spaces:
Running
Running
Update templates/interface.html
Browse files- templates/interface.html +23 -24
templates/interface.html
CHANGED
@@ -8,7 +8,17 @@
|
|
8 |
<!-- Add any CSS links or styles here -->
|
9 |
</head>
|
10 |
<body>
|
|
|
11 |
<div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
12 |
<label for="selection">Select speaker:</label>
|
13 |
<select id="speaker" name="speaker">
|
14 |
{% for option in data.speaker_options %}
|
@@ -16,45 +26,33 @@
|
|
16 |
{% endfor %}
|
17 |
</select>
|
18 |
<button id="load_btn">Load it!</button>
|
19 |
-
|
20 |
|
21 |
-
|
22 |
<!-- Dropdown for speaker selection -->
|
23 |
-
|
24 |
|
25 |
-
|
26 |
<label for="speed_slider">Rate scale:</label>
|
27 |
<input type="range" id="speed_slider" min="0.25" max="4" step="0.1" value="1">
|
28 |
-
|
29 |
|
30 |
-
|
31 |
<label for="noise_scale_slider">Phoneme noise scale:</label>
|
32 |
<input type="range" id="noise_scale_slider" min="0.25" max="4" step="0.1" value="0.667">
|
33 |
-
|
34 |
|
35 |
-
|
36 |
<label for="noise_scale_w_slider">Phoneme stressing scale:</label>
|
37 |
<input type="range" id="noise_scale_w_slider" min="0.25" max="4" step="0.1" value="1">
|
38 |
-
|
39 |
|
40 |
-
|
41 |
<label for="play">Auto-play:</label>
|
42 |
<input type="checkbox" id="play" checked>
|
43 |
-
</div>
|
44 |
-
|
45 |
-
<div>
|
46 |
-
<label for="text_input">Text to synthesize:</label>
|
47 |
-
<input type="text" id="text_input" placeholder="Enter your text here">
|
48 |
-
</div>
|
49 |
-
<form method="post" action="/synthesize">
|
50 |
-
<div>
|
51 |
-
<label for="text_input">Text to synthesize:</label>
|
52 |
-
<input type="text" id="text_input" name="text_input" placeholder="Enter your text here">
|
53 |
-
</div>
|
54 |
-
<div>
|
55 |
-
<label for="speed_slider">Rate scale:</label>
|
56 |
-
<input type="range" id="speed_slider" name="speed_slider" min="0.25" max="4" step="0.1" value="1">
|
57 |
</div>
|
|
|
|
|
58 |
<!-- Add other input fields and elements here -->
|
59 |
<div>
|
60 |
<button type="submit" id="synthesize_button">Synthesize</button>
|
@@ -67,6 +65,7 @@
|
|
67 |
// Add logic to close the GUI if needed
|
68 |
alert("Closing the GUI");
|
69 |
}
|
|
|
70 |
<div>
|
71 |
<!-- HTML audio element to play the generated audio -->
|
72 |
<audio controls>
|
|
|
8 |
<!-- Add any CSS links or styles here -->
|
9 |
</head>
|
10 |
<body>
|
11 |
+
|
12 |
<div>
|
13 |
+
<label for="text_input">Text to synthesize:</label>
|
14 |
+
<input type="text" id="text_input" placeholder="Enter your text here">
|
15 |
+
</div>
|
16 |
+
<form method="post" action="/synthesize">
|
17 |
+
<div>
|
18 |
+
<label for="text_input">Text to synthesize:</label>
|
19 |
+
<input type="text" id="text_input" name="text_input" placeholder="Enter your text here">
|
20 |
+
</div>
|
21 |
+
<div>
|
22 |
<label for="selection">Select speaker:</label>
|
23 |
<select id="speaker" name="speaker">
|
24 |
{% for option in data.speaker_options %}
|
|
|
26 |
{% endfor %}
|
27 |
</select>
|
28 |
<button id="load_btn">Load it!</button>
|
29 |
+
</div>
|
30 |
|
31 |
+
<div id="speaker_selection" style="display: none;">
|
32 |
<!-- Dropdown for speaker selection -->
|
33 |
+
</div>
|
34 |
|
35 |
+
<div>
|
36 |
<label for="speed_slider">Rate scale:</label>
|
37 |
<input type="range" id="speed_slider" min="0.25" max="4" step="0.1" value="1">
|
38 |
+
</div>
|
39 |
|
40 |
+
<div>
|
41 |
<label for="noise_scale_slider">Phoneme noise scale:</label>
|
42 |
<input type="range" id="noise_scale_slider" min="0.25" max="4" step="0.1" value="0.667">
|
43 |
+
</div>
|
44 |
|
45 |
+
<div>
|
46 |
<label for="noise_scale_w_slider">Phoneme stressing scale:</label>
|
47 |
<input type="range" id="noise_scale_w_slider" min="0.25" max="4" step="0.1" value="1">
|
48 |
+
</div>
|
49 |
|
50 |
+
<div>
|
51 |
<label for="play">Auto-play:</label>
|
52 |
<input type="checkbox" id="play" checked>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
53 |
</div>
|
54 |
+
|
55 |
+
|
56 |
<!-- Add other input fields and elements here -->
|
57 |
<div>
|
58 |
<button type="submit" id="synthesize_button">Synthesize</button>
|
|
|
65 |
// Add logic to close the GUI if needed
|
66 |
alert("Closing the GUI");
|
67 |
}
|
68 |
+
</script>
|
69 |
<div>
|
70 |
<!-- HTML audio element to play the generated audio -->
|
71 |
<audio controls>
|