Update app.py

app.py

@@ -72,10 +72,10 @@ You can also try my sample audio.
 
 # Tutorial penggunaan
 tutorial = """
-## Tutorial Penggunaan
-1. Masukkan audio kamu atau kamu bisa merekam sendiri.
-2. Gunakan file audio sample yang sudah kami sediakan jika butuh.
-3. Jalankan dengan memencet tombol **"Predict Chords"**.
+Tutorial:
+1. Upload your own audio or you can record one yourself.
+2. Use the sample audio file we have provided if needed.
+3. Run the prediction by clicking the "Predict Chords" button.
 4. Enjoy your song!
 """
 
@@ -84,7 +84,6 @@ with gr.Blocks() as interface:
     gr.Markdown(f"<h1 style='text-align: center;'>{title}</h1>")  
     gr.Markdown("<h3 style='text-align: center;'>Hello! I'm Tigor Neilson Sinaga, with NIM 22.11.4725.<br>Welcome to my AI Chord Recognition project!</h3>")
     gr.Markdown(f"<h3 style='text-align: center;'>{description}</p>")
-    gr.Markdown(f"<h3 style='text-align: center;'>{tutorial}</h3>")  # Menambahkan tutorial penggunaan
     
     audio_input = gr.Audio(type="filepath", label="Upload Audio (MP3/WAV)")
     use_sample_button = gr.Button("Use Sample Audio", size="sm")
@@ -92,7 +91,10 @@ with gr.Blocks() as interface:
     output_text = gr.Textbox(label="Predicted Chords", lines=5, placeholder="Chord predictions will appear here...")
     
     use_sample_button.click(fn=lambda: sample_audio_path, inputs=[], outputs=audio_input)
-    predict_button.click(fn=predict_chords, inputs=audio_input, outputs=output_text, queue=True)    
+    predict_button.click(fn=predict_chords, inputs=audio_input, outputs=output_text, queue=True)
+
+    gr.Markdown(f"<h2 style='text-align: center;'>{tutorial}</h3>")  # Menambahkan tutorial penggunaan
+
     gr.Markdown("<p style='text-align: center; font-size: 12px; color: grey;'>This project is still under development and has not yet reached high accuracy.</p>")
 
 interface.launch(share=True)