updated interface

app.py

@@ -291,8 +291,8 @@ with gr.Blocks(css=css) as demo:
         gr.Markdown("""
                     ## Instructions
                     In this demo you can interact with the model in two ways: 
-                    1. **Call and response**: The model will try to continue the idea that you input. This is similar to 'primed generation' discussed in the paper. The last 4 s of the audio will be considered as a 'prime' for the model to continue. <br><br>
-                    2. **Melodic reinterpretation**: Akin to the idea of 'coarse pitch conditioning' presented in the paper, you can input a pitch contour and the model will generate audio that is similar to but not exactly the same. <br><br>
+                    1. **[Call and response](https://snnithya.github.io/gamadhani-samples/5primed_generation/)**: The model will try to continue the idea that you input. This is similar to 'primed generation' discussed in the paper. The last 4 s of the audio will be considered as a 'prime' for the model to continue. <br><br>
+                    2. **[Melodic reinterpretation](https://snnithya.github.io/gamadhani-samples/6coarsepitch/)**: Akin to the idea of 'coarse pitch conditioning' presented in the paper, you can input a pitch contour and the model will generate audio that is similar to but not exactly the same. <br><br>
                     ### Upload an audio file or record your voice to get started!
                     """)
         gr.Markdown("""
@@ -309,12 +309,22 @@ with gr.Blocks(css=css) as demo:
             """)
     model_dropdown = gr.Dropdown(["Diffusion Pitch Generator"], label="Select a model type")
     task_dropdown = gr.Dropdown(label="Select a task", choices=["Call and Response", "Melodic Reinterpretation"])
-    sbmt = gr.Button()
+    
     with gr.Row(equal_height=True):
         with gr.Column():    
             audio = gr.Audio(label="Input")
+            examples = gr.Examples(
+                examples=[
+                    ["examples/ex1.wav"],
+                    ["examples/ex2.wav"],
+                    ["examples/ex3.wav"],
+                    ["examples/ex4.wav"],
+                    ["examples/ex5.wav"]
+                ],
+                inputs=audio
+            )
         with gr.Column():
-            generated_audio = gr.Audio(label="Generated Audio")
+            generated_audio = gr.Audio(label="Generated Audio", elem_id="audio")
     with gr.Row():
         with gr.Column():
             with gr.Accordion("View Pitch Plot"):
@@ -322,16 +332,7 @@ with gr.Blocks(css=css) as demo:
         with gr.Column():
             with gr.Accordion("View Pitch Plot"):
                 generated_pitch = gr.Plot(label="Generated Pitch")
-    examples = gr.Examples(
-        examples=[
-            ["examples/ex1.wav"],
-            ["examples/ex2.wav"],
-            ["examples/ex3.wav"],
-            ["examples/ex4.wav"],
-            ["examples/ex5.wav"]
-        ],
-        inputs=audio
-    )
+    sbmt = gr.Button()
     sbmt.click(container_generate, inputs=[model_dropdown, task_dropdown, audio], outputs=[generated_audio, user_input, generated_pitch])
 
 def main(argv):