Upload ui.html

templates/ui.html

@@ -47,14 +47,24 @@ $(document).ready(function() {
             data: formData,
             success: function(data) {
                 if (data.audio_id) {
-                    // Assuming your Flask route returns a JSON with an 'audio_id' key
                     // Update the source of the processed audio element
                     $('#processedAudio source').attr('src', '/get_processed_audio/' + data.audio_id);
                     $('#processedAudio')[0].load();
                     $('#processedAudio')[0].play();
+                } else if (data.error) {
+                    // Display error message from the server
+                    alert(data.error);
+                }
+            },
+            error: function(xhr, status, error) {
+                // Handle different types of error status codes
+                if(xhr.status === 429) {
+                    alert("Too many requests, please try again later.");
+                } else if(xhr.status === 400) {
+                    alert("Bad request. Please check the input and try again.");
                 } else {
-                    // Handle error or no audio_id in response
-                    alert("Error or no audio_id returned from server.");
+                    // Generic error message for other statuses
+                    alert("An error occurred: " + xhr.status + " " + error);
                 }
             },
             cache: false,