Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="stylesheet" href="styles.css"> <!-- Link to your external CSS file --> | |
| <title>FastAPI HTML Interface</title> | |
| </head> | |
| <body> | |
| <h1>FastAPI HTML Interface</h1> | |
| <form> | |
| <div class="form-group"> | |
| <label for="speaker">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> | |
| </div> | |
| <div class="form-group"> | |
| <label for="text">Text to synthesize:</label> | |
| <input type="text" id="text" name="text" placeholder="Enter your text here" class="text-input"> | |
| </div> | |
| <div class="form-group"> | |
| <label for="rate">Rate scale:</label> | |
| <input type="range" id="rate" name="rate" min="0.25" max="4" step="0.1" value="1" class="slider"> | |
| </div> | |
| <!-- Add more form elements here --> | |
| <button type="button" id="synthesize" class="btn-success">Synthesize</button> | |
| <button type="button" id="exit" class="btn-danger">Exit</button> | |
| </form> | |
| </body> | |
| </html> | |