Update app.py

app.py

@@ -222,7 +222,7 @@ def check_song_status(task_id, show_raw=False):
 
 # Create the app
 with gr.Blocks() as app:
-    gr.Markdown("# 🎵 Suno Song Generator")
+    gr.Markdown("# 🎵 Suno Song Generator + Player")
     
     # Store current task ID
     current_task_id = gr.State(value="")
@@ -286,7 +286,6 @@ with gr.Blocks() as app:
                 )
                 
                 check_btn = gr.Button("🔍 Check Status Now", variant="primary")
-                auto_check = gr.Checkbox(label="Auto-check every 30s", value=False)
                 
                 gr.Markdown("""
                 **What to expect:**
@@ -307,6 +306,68 @@ with gr.Blocks() as app:
                         value="*Raw JSON will appear here when you check status*"
                     )
     
+    with gr.Tab("🎧 Music Player"):
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown("### Music Player")
+                gr.Markdown("Play any MP3 URL or use the default track")
+                
+                music_url = gr.Textbox(
+                    label="MP3 URL",
+                    value="https://huggingface.co/spaces/MySafeCode/SUNO-API-V5/resolve/main/Gnomes%20remember.mp3",
+                    info="Enter any direct MP3 URL"
+                )
+                
+                play_btn = gr.Button("▶️ Play This URL", variant="primary")
+                reset_btn = gr.Button("🔄 Reset to Default", variant="secondary")
+                
+                gr.Markdown("""
+                **Features:**
+                - Play any public MP3 URL
+                - Default: "Gnomes remember" track
+                - Volume control
+                - Play/pause/seek
+                - Works with your generated songs!
+                """)
+            
+            with gr.Column(scale=2):
+                # Audio player display
+                gr.Markdown("### 🔊 Player")
+                audio_player = gr.HTML(
+                    value="""<audio id="musicPlayer" controls style="width: 100%; height: 100px; margin: 20px 0;">
+                        <source src="https://huggingface.co/spaces/MySafeCode/SUNO-API-V5/resolve/main/Gnomes%20remember.mp3" type="audio/mpeg">
+                        Your browser does not support audio playback.
+                    </audio>
+                    <div style="margin-top: 10px; padding: 10px; background: #f5f5f5; border-radius: 5px;">
+                        <strong>Now Playing:</strong> Gnomes remember.mp3 (Default track)
+                    </div>"""
+                )
+                
+                # Quick player controls
+                with gr.Row():
+                    volume_slider = gr.Slider(
+                        minimum=0,
+                        maximum=100,
+                        value=80,
+                        label="Volume",
+                        interactive=True
+                    )
+                
+                # Quick links to generated songs
+                gr.Markdown("### 🎵 Quick Play")
+                gr.Markdown("Paste URLs from generated songs:")
+                
+                quick_url_1 = gr.Textbox(
+                    label="Song URL 1",
+                    placeholder="Paste audio URL here",
+                    lines=1
+                )
+                quick_url_2 = gr.Textbox(
+                    label="Song URL 2", 
+                    placeholder="Paste another URL here",
+                    lines=1
+                )
+    
     with gr.Tab("📋 Instructions"):
         gr.Markdown("""
         ## 🎵 Complete Workflow
@@ -317,36 +378,87 @@ with gr.Blocks() as app:
         - **IMMEDIATELY get a Task ID**
         - Copy the Task ID
         
-        ### 2. Check Status
+        ### 2. Check Status  
         - Switch to **Check Status** tab
         - Task ID auto-fills
         - Click **Check Status Now**
         - Wait for **TEXT_SUCCESS** status
         
-        ### 3. Download Songs
-        - When **TEXT_SUCCESS** appears:
-          - **Listen Now** links with audio players
-          - **Download** links for MP3 files
-          - Cover art images
-          - Track IDs for reference
+        ### 3. Play & Download
+        - When ready, use **Music Player** tab:
+          - Play generated songs
+          - Download MP3 files
+          - Volume control
+          - Quick URLs
         
-        ### 4. Tips
-        - Processing: **1-3 minutes**
-        - Check every **30 seconds**
-        - Use **Auto-check** for convenience
-        - Raw data available for debugging
+        ### 4. Player Features
+        - **Default track**: Gnomes remember.mp3
+        - **Any MP3 URL**: Paste and play
+        - **From Suno**: Use streamAudioUrl
+        - **Volume control**: Adjust as needed
         
         ### 5. Status Meanings
         - **TEXT_SUCCESS**: ✅ Songs ready!
         - **PENDING/PROCESSING**: ⏳ Still working
         - **SUCCESS**: Check raw data
         - **FAILED**: Try again
-        
-        ### 6. Callback System
-        - Results also sent to: https://1hit.no/callback.php
-        - View all results: https://1hit.no/viewer.php
         """)
     
+    # JavaScript for music player
+    app.load(
+        None,
+        None,
+        None,
+        js="""
+        function updateAudioPlayer(url, title) {
+            const player = document.getElementById('musicPlayer');
+            if (player) {
+                // Update audio source
+                const source = player.querySelector('source');
+                if (source) {
+                    source.src = url;
+                }
+                
+                // Update player src
+                player.src = url;
+                
+                // Update label
+                const label = document.querySelector('#musicPlayer + div');
+                if (label) {
+                    label.innerHTML = '<strong>Now Playing:</strong> ' + (title || url);
+                }
+                
+                // Load new audio
+                player.load();
+                
+                // Try to play
+                player.play().catch(e => console.log("Auto-play prevented:", e));
+            }
+        }
+        
+        // Volume control
+        function updateVolume(volume) {
+            const player = document.getElementById('musicPlayer');
+            if (player) {
+                player.volume = volume / 100;
+            }
+        }
+        
+        // Quick play functions
+        function playQuickUrl1(url) {
+            if (url && url.includes('://')) {
+                updateAudioPlayer(url, 'Quick Song 1');
+            }
+        }
+        
+        function playQuickUrl2(url) {
+            if (url && url.includes('://')) {
+                updateAudioPlayer(url, 'Quick Song 2');
+            }
+        }
+        """
+    )
+    
     # Auto-fill status tab with task ID
     def update_status_field(task_id):
         return task_id
@@ -366,23 +478,4 @@ with gr.Blocks() as app:
     
     submit_btn.click(
         fn=on_generate,
-        inputs=[lyrics_text, style, title, instrumental, model],
-        outputs=[submission_output, current_task_id, status_task_id]
-    )
-    
-    # Check status
-    def on_check(task_id, show_raw):
-        output, raw = check_song_status(task_id, show_raw)
-        return output, raw
-    
-    check_btn.click(
-        fn=on_check,
-        inputs=[status_task_id, gr.State(True)],  # Always show raw
-        outputs=[status_output, raw_output]
-    )
-
-if __name__ == "__main__":
-    print("🚀 Starting Suno Song Generator")
-    print(f"🔑 SunoKey: {'✅ Set' if SUNO_KEY else '❌ Not set'}")
-    print("🌐 Open your browser to: http://localhost:7860")
-    app.launch(server_name="0.0.0.0", server_port=7860, share=False)
+        inputs=[lyrics](streamdown:incomplete-link)