Update app.py

app.py

@@ -64,27 +64,22 @@ def update_voice_and_audio(speaker, selected_voice):
     audio_sample = play_sample(speaker)
     return audio_sample
 
-# Creating Gradio interface
+# Creating Gradio interface using Blocks
 def create_interface():
-    components = []
-
-    # For each speaker, we create a dropdown and an audio component that only updates for this speaker
-    for speaker in speakers:
-        with gr.Row():
-            dropdown = gr.Dropdown(choices=voice_actors, label=f"Select voice actor for {speaker}", value=selected_voices[speaker], interactive=True)
-            audio = gr.Audio(label=f"Audio preview for {speaker}", type="filepath", value=play_sample(speaker), interactive=False)
-
-            def on_change(speaker=speaker):
-                def update(selected_voice):
+    with gr.Blocks() as demo:
+        for speaker in speakers:
+            with gr.Row():
+                dropdown = gr.Dropdown(choices=voice_actors, label=f"Select voice actor for {speaker}", value=selected_voices[speaker])
+                audio = gr.Audio(label=f"Audio preview for {speaker}", type="filepath", value=play_sample(speaker))
+
+                # Function to update audio when a new voice actor is selected
+                def update_audio(selected_voice, speaker=speaker):
                     return update_voice_and_audio(speaker, selected_voice)
-                return update
 
-            dropdown.change(on_change(speaker), inputs=[dropdown], outputs=[audio])
-            components.append((dropdown, audio))
-    
-    # Display the interface
-    interface = gr.Interface(fn=None, inputs=None, outputs=None, live=True)
-    return interface
+                # Connect the dropdown change to the audio preview update
+                dropdown.change(fn=update_audio, inputs=dropdown, outputs=audio)
+
+    return demo
 
 app = create_interface()