Upload folder using huggingface_hub

app.py

@@ -3,6 +3,7 @@ import tempfile
 import openai
 import requests
 import os
+from functools import partial
 
 
 def tts(input_text: str, model: str, voice: str, api_key: str) -> str:
@@ -104,20 +105,25 @@ def main():
 
                 # Wrap the voice previews inside an Accordion that is closed by default
                 with gr.Accordion(label="Voice Previews", open=False):
+                    # Create an audio component to play the samples
+                    preview_audio = gr.Audio(
+                        interactive=False, label="Preview Audio", value=None
+                    )
+
                     for voice in VOICE_OPTIONS:
-                        # Use the relative path for the audio file
-                        audio_url = f"file/{PREVIEW_DIR}/{voice}.wav"
-                        # Create an HTML audio player with minimal controls
-                        html_snippet = f'''
-                        <div>
-                            <p><strong>{voice.capitalize()}</strong></p>
-                            <audio controls preload="auto">
-                                <source src="{audio_url}" type="audio/wav">
-                                Your browser does not support the audio element.
-                            </audio>
-                        </div>
-                        '''
-                        gr.HTML(html_snippet)
+                        # Create a button for each voice
+                        voice_button = gr.Button(
+                            value=f"▶ {voice.capitalize()}", variant="secondary"
+                        )
+
+                        # Define the handler function for this voice using partial
+                        def play_voice_sample(voice):
+                            return VOICE_PREVIEW_FILES[voice]
+
+                        voice_handler = partial(play_voice_sample, voice)
+
+                        # Attach the click handler
+                        voice_button.click(fn=voice_handler, outputs=preview_audio)
 
             with gr.Column(scale=2):
                 input_textbox = gr.Textbox(