Upload folder using huggingface_hub

app.py

@@ -86,6 +86,37 @@ def main():
 
     with gr.Blocks(title="OpenAI - Text to Speech") as demo:
         with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown("### Voice Previews")
+
+                # A function to update the preview_audio component
+                def play_voice_sample(voice):
+                    return gr.update(value=VOICE_PREVIEW_FILES[voice])
+
+                # Create buttons for each voice inside a grid
+                for voice in VOICE_OPTIONS:
+                    # Create a button for each voice
+                    voice_button = gr.Button(
+                        value=f"{voice.capitalize()}",
+                        variant="secondary",
+                        size="sm",
+                    )
+
+                    # Attach the click handler
+                    voice_button.click(
+                        fn=lambda v=voice: play_voice_sample(v),
+                        outputs=preview_audio,
+                    )
+
+                # Create an audio component to play the samples
+                preview_audio = gr.Audio(
+                    interactive=False,
+                    label="Preview Audio",
+                    value=None,
+                    visible=True,
+                    autoplay=True,
+                )
+
             with gr.Column(scale=1):
                 api_key_input = gr.Textbox(
                     label="OpenAI API Key",
@@ -104,39 +135,6 @@ def main():
                     value="echo",
                 )
 
-                # Replace the Accordion with a Group for Voice Previews
-                with gr.Group():
-                    gr.Markdown("### Voice Previews")
-
-                    # Create an audio component to play the samples
-                    preview_audio = gr.Audio(
-                        interactive=False,
-                        label="Preview Audio",
-                        value=None,
-                        visible=True,
-                        autoplay=True,
-                    )
-
-                    # A function to update the preview_audio component
-                    def play_voice_sample(voice):
-                        return gr.update(value=VOICE_PREVIEW_FILES[voice])
-
-                    # Create buttons for each voice inside a grid
-                    with gr.Grid():
-                        for voice in VOICE_OPTIONS:
-                            # Create a button for each voice
-                            voice_button = gr.Button(
-                                value=f"{voice.capitalize()}",
-                                variant="secondary",
-                                size="sm",
-                            )
-
-                            # Attach the click handler
-                            voice_button.click(
-                                fn=lambda v=voice: play_voice_sample(v),
-                                outputs=preview_audio,
-                            )
-
             with gr.Column(scale=2):
                 input_textbox = gr.Textbox(
                     label="Input Text",