Add FFT and spectrograms sections

app.py

@@ -79,7 +79,28 @@ In this section, we'll look into the waveforms of multiple audios.
             fig.savefig('foo.png')
             return "test.wav", fig
         button.click(plot_sine, inputs=[freq, freq2, amplitude], outputs=[audio, plots])
+    with gr.Tab("Spectrograms and Mel Spectrograms"):
+        gr.Markdown("""## Waveforms
+                    
+In this section, we'll look into the waveforms of multiple audios.
 
+""")
+        for title, path in audios:
+            with gr.Row():
+                with gr.Column(scale=1):
+                    gr.Markdown(f"### {title}")
+                with gr.Column(scale=10):
+                    gr.Image(value=f"{path}/waveform.png")
+                with gr.Column(scale=10):
+                    gr.Image(value=f"{path}/fft.png")
+                with gr.Column(scale=10):
+                    video = gr.Video(value=f"{path}/waveform_video.mp4")
+            with gr.Row():
+                with gr.Column(scale=5):
+                    gr.Image(value=f"{path}/spectrogram.png")
+                with gr.Column(scale=5):
+                    gr.Image(value=f"{path}/mel_spectrogram.png")
+                
   
 if __name__ == '__main__':
     demo.launch(debug=True)