Spaces:
Running
Running
File size: 2,612 Bytes
3ce6dc6 d3f22a2 3ce6dc6 d3f22a2 3ce6dc6 608f738 d3f22a2 3ce6dc6 b6b02d5 104a977 003c2f4 b6b02d5 d3f22a2 4d53cd1 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 b6b02d5 d3f22a2 3ff1634 b6b02d5 3ff1634 fd6f301 3ff1634 b6b02d5 34b4e53 d3f22a2 3ce6dc6 d3f22a2 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 |
<!DOCTYPE html>
<html>
<head>
<title>Your FastAPI App</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="templates/styles.css"> <!-- Link to your external CSS file -->
<!-- Add any CSS links or styles here -->
</head>
<body>
<form method="post" action="/">
<div>
<label for="text_input">Text to synthesize:</label>
<input type="text" id="text_input" name="text_input" placeholder="Enter your text here">
</div>
<div>
<label for="selection">Select speaker:</label>
<select id="speaker" name="speaker">
{% for option in data.speaker_options %}
<option {% if option == data.default_speaker %}selected{% endif %}>{{ option }}</option>
{% endfor %}
</select>
<button id="load_btn">Load it!</button>
</div>
<div id="speaker_selection" style="display: none;">
<!-- Dropdown for speaker selection -->
</div>
<div>
<label for="speed_slider">Rate scale:</label>
<input type="range" id="speed_slider" min="0.25" max="4" step="0.1" value="1">
</div>
<div>
<label for="noise_scale_slider">Phoneme noise scale:</label>
<input type="range" id="noise_scale_slider" min="0.25" max="4" step="0.1" value="0.667">
</div>
<div>
<label for="noise_scale_w_slider">Phoneme stressing scale:</label>
<input type="range" id="noise_scale_w_slider" min="0.25" max="4" step="0.1" value="1">
</div>
<div>
<label for="play">Auto-play:</label>
<input type="checkbox" id="play" checked>
</div>
<!-- Add other input fields and elements here -->
<div>
<button type="submit" id="synthesize_button">Synthesize</button>
<button type="button" id="close_button" onclick="closeGUI()">Exit</button>
</div>
</form>
{% if audio_file %}
<h2>Generated Audio</h2>
<audio controls>
<source src="{{ audio_file }}" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<a href="{{ audio_file }}" download>Download Audio</a>
{% endif %}
<script>
// JavaScript function for handling the "Exit" button click
function closeGUI() {
// Add logic to close the GUI if needed
alert("Closing the GUI");
}
</script>
<!-- Add any JavaScript scripts or functions here -->
</body>
</html>
|