testing app

app.py

@@ -1,14 +1,66 @@
 import gradio as gr
+import spaces
+import librosa
+import soundfile as sf
+import wavio
 
-def greet(name):
-    return "Hello " + name + "!!"
+@spaces.GPU(duration=120)
+def gradio_generate(prompt, steps, guidance):
+    # Get example audio file
+    filename = librosa.ex('trumpet')
+    output_wave, samplerate = sf.read(filename, dtype='float32')
+    output_filename = "temp.wav"
+    wavio.write(output_filename, output_wave, rate=16000, sampwidth=2)
+    
+    return output_filename
 
-html_content = """
-<iframe src="http://localhost:8000/index.html" width="100%" height="600px" frameborder="0"></iframe>
+title="Text2midi: Generating Symbolic Music from Captions"
+description_text = """
+<p><a href="https://huggingface.co/spaces/amaai-lab/text2midi/blob/main/app.py?duplicate=true"> <img style="margin-top: 0em; margin-bottom: 0em" src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a> For faster inference without waiting in queue, you may duplicate the space and upgrade to a GPU in the settings. <br/><br/>
+Generate midi music using Text2midi by providing a text prompt.
+<br/><br/> This is the demo for Text2midi for controllable text to midi generation: <a href="https://arxiv.org/abs/tbd">Read our paper.</a>
+<p/>
 """
+#description_text = ""
+# Gradio input and output components
+input_text = gr.Textbox(lines=2, label="Prompt")
+output_audio = gr.Audio(label="Generated Music", type="filepath")
+denoising_steps = gr.Slider(minimum=100, maximum=200, value=100, step=1, label="Steps", interactive=True)
+guidance_scale = gr.Slider(minimum=1, maximum=10, value=3, step=0.1, label="Guidance Scale", interactive=True)
 
-with gr.Blocks() as demo:
-    gr.Interface(fn=greet, inputs="text", outputs="text")
-    gr.HTML(html_content)
+# CSS styling for the Duplicate button
+css = '''
+#duplicate-button {
+  margin: auto;
+  color: white;
+  background: #1565c0;
+  border-radius: 100vh;
+}
+'''
 
-demo.launch(share=True)
+# Gradio interface
+gr_interface = gr.Interface(
+    fn=gradio_generate,
+    inputs=[input_text, denoising_steps, guidance_scale],
+    outputs=[output_audio],
+    description=description_text,
+    allow_flagging=False,
+    examples=[
+        ["This techno song features a synth lead playing the main melody. This is accompanied by programmed percussion playing a simple kick focused beat. The hi-hat is accented in an open position on the 3-and count of every bar. The synth plays the bass part with a voicing that sounds like a cello. This techno song can be played in a club. The chord sequence is Gm, A7, Eb, Bb, C, F, Gm. The beat counts to 2. The tempo of this song is 128.0 beats per minute. The key of this song is G minor.", 200, 3],
+        ["This is a new age piece. There is a flute playing the main melody with a lot of staccato notes. The rhythmic background consists of a medium tempo electronic drum beat with percussive elements all over the spectrum. There is a playful atmosphere to the piece. This piece can be used in the soundtrack of a children's TV show or an advertisement jingle.", 200, 3],
+        ["The song is an instrumental. The song is in medium tempo with a classical guitar playing a lilting melody in accompaniment style. The song is emotional and romantic. The song is a romantic instrumental song. The chord sequence is Gm, F6, Ebm. The time signature is 4/4. This song is in Adagio. The key of this song is G minor.", 200, 3],
+        ["This folk song features a female voice singing the main melody. This is accompanied by a tabla playing the percussion. A guitar strums chords. For most parts of the song, only one chord is played. At the last bar, a different chord is played. This song has minimal instruments. This song has a story-telling mood. This song can be played in a village scene in an Indian movie. The chord sequence is Bbm, Ab. The beat is 3. The tempo of this song is Allegro. The key of this song is Bb minor.", 200, 3],
+        ["This is a live performance of a classical music piece. There is an orchestra performing the piece with a violin lead playing the main melody. The atmosphere is sentimental and heart-touching. This piece could be playing in the background at a classy restaurant. The chord progression in this song is Am7, Gm, Dm, A7, Dm. The beat is 3. This song is in Largo. The key of this song is D minor.", 200, 3],
+        ["This is a techno piece with drums and beats and a leading melody. A synth plays chords. The music kicks off with a powerful and relentless drumbeat. Over the pounding beats, a leading melody emerges. In the middle of the song, a flock of seagulls flies over the venue and make loud bird sounds. It has strong danceability and can be played in a club. The tempo is 120 bpm. The chords played by the synth are Am, Cm, Dm, Gm.", 200, 3],
+    ],
+    cache_examples="lazy",
+)
+
+with gr.Blocks(css=css) as demo:
+    title=gr.HTML(f"<h1><center>{title}</center></h1>")
+    dupe = gr.DuplicateButton(value="Duplicate Space for private use", elem_id="duplicate-button")
+    gr_interface.render()
+   
+
+# Launch Gradio app.
+demo.queue().launch()

index.html

@@ -1,45 +0,0 @@
-<p>This is a demo for the <strong>html-midi-player</strong> package. For more information, see <a href="https://github.com/cifkao/html-midi-player" target="_blank">its GitHub repository</a>.</p>
-
-<section id="section3">
-<h2>Custom player and visualizer style</h2>
-<midi-player
-  src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/jazz.mid"
-  sound-font visualizer="#section3 midi-visualizer">
-</midi-player>
-<midi-visualizer
-  src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/jazz.mid">
-</midi-visualizer>
-</section>
-
-<section id="section1">
-<h2>1 player, 2 visualizers</h2>
-<midi-visualizer
-  type="piano-roll"
-  src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/twinkle_twinkle.mid">
-</midi-visualizer>
-<midi-visualizer
-  type="staff"
-  src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/twinkle_twinkle.mid">
-</midi-visualizer>
-<midi-player
-  src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/twinkle_twinkle.mid"
-  sound-font visualizer="#section1 midi-visualizer">
-</midi-player>
-</section>
-
-<section id="section2">
-<h2>2 players, 1 visualizer</h2>
-<midi-player
-  src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/twinkle_twinkle.mid"
-  sound-font visualizer="#section2 midi-visualizer">
-</midi-player>
-<midi-player
-  src="https://cdn.jsdelivr.net/gh/magenta/magenta-js@571b384/music/demos/melody.mid"
-  sound-font visualizer="#section2 midi-visualizer">
-</midi-player>
-<midi-visualizer
-  type="piano-roll">
-</midi-visualizer>
-</section>
-
-<script src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.23.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.5.0"></script>