| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"/> | |
| <link rel="stylesheet" href="style.css"/> | |
| <title></title> | |
| </head> | |
| <body> | |
| <div class="voice-div"> | |
| <button id="record-btn"> | |
| <i class="fa fa-microphone"></i> | |
| </button> | |
| <button id="toggle-btn"> | |
| <i class="fa-solid fa-volume-high"></i> | |
| </button> | |
| <label for="speed"></label><select id="speed"> | |
| <option value="0.5">0.5x</option> | |
| <option value="0.75">0.75x</option> | |
| <option value="1" selected>1.0x</option> | |
| <option value="1.25">1.25x</option> | |
| <option value="1.5">1.5x</option> | |
| <option value="2">2.0x</option> | |
| </select> | |
| <label for="language-select"></label><select id="language-select"></select> | |
| </div> | |
| <div class="voice-select-div"> | |
| <label for="voice-select"></label><select id="voice-select"></select> | |
| </div> | |
| <script src="voice_toolkit.js"></script> | |
| </body> | |
| </html> | |