Update templates/interface.html

templates/interface.html

@@ -131,6 +131,39 @@
         // Initialize the speaker options based on the default selected model
         loadSpeakers();
     </script>
+    <script>
+    // Function to send the request
+    function sendRequest() {
+        var xhr = new XMLHttpRequest();
+        xhr.open("POST", "https://gregniuki-pipertts.hf.space/", true);
+        xhr.setRequestHeader("Content-Type", "application/json");
+
+        // Use the injected authorization token
+        var token = authToken;
+        xhr.setRequestHeader("Authorization", token);
+
+        // Access input data by element ID
+        var textInput = document.getElementById("text_input").value;
+
+        // Define your request payload
+        var data = JSON.stringify({ data: [textInput] });
+
+        // Define the callback function to handle the response
+        xhr.onload = function () {
+            if (xhr.status === 200) {
+                // Handle the successful response here
+                var response = xhr.responseText;
+                console.log(response);
+            }
+        };
+
+        // Send the request
+        xhr.send(data);
+    }
+
+    // Event listener to trigger the request when the button is clicked
+    document.getElementById("synthesize_button").addEventListener("click", sendRequest);
+    </script>
 <!-- Move the JavaScript code outside the conditional block -->
 
 </body>