Update main.ts

main.ts

@@ -249,19 +249,8 @@ async function handleDemoRequest(req: Request) {
           ><textarea id="inputText">Привет, хочешь я расскажу сказку?</textarea>
         </div>
         <div class="dropdown-container">
-          <label for="voiceSelect">выбери голос:</label>
-          <select id="voiceSelect">
-            <option value="ava">ava</option>
-            <option value="andrew">andrew</option>
-            <option value="emma">emma</option>
-            <option value="brian">brian</option>
-            <option value="vivienne">vivienne</option>
-            <option value="remy">remy</option>
-            <option value="seraphina">seraphina</option>
-            <option value="florian">florian</option>
-            <option value="dmitry">dmitry</option>
-            <option value="svetlana">svetlana</option>
-          </select>
+          <label for="voiceSelect">выберите голос:</label>
+          <select id="voiceSelect"></select>
         </div>
         <button id="synthesizeButton">синтезировать</button>
       </div>
@@ -271,7 +260,8 @@ async function handleDemoRequest(req: Request) {
     </div>
  <script>
     let audio = null;
-
+    const modelsResponse = await fetch('/v1/audio/models');
+    const models = await modelsResponse.json();
     document.getElementById('synthesizeButton').addEventListener('click', () => {
         const text = document.getElementById('inputText').value || 'приветик! давай поболтаем немного?';
         const rate = '0.0';
@@ -333,6 +323,25 @@ async function handleDemoRequest(req: Request) {
     pitchSlider.oninput = function() {
         pitchValue.innerHTML = this.value;
     };
+   async function fetchModels() {
+        try {
+          const response = await fetch('/v1/audio/models');
+          const models = await response.json();
+          const voiceSelect = document.getElementById('voiceSelect');
+
+          models.forEach(model => {
+            const option = document.createElement('option');
+            option.value = model.model;
+            option.textContent = model.model;
+            voiceSelect.appendChild(option);
+          });
+        } catch (error) {
+          console.error('Ошибка при получении списка моделей:', error);
+        }
+      }
+
+      
+      fetchModels();
  </script>
  </body></html>`;