Update app.py

app.py

@@ -612,6 +612,7 @@ def create_fade_transition(images, fade_duration=1.0, fps=24):
 
 
 
+# Update the process_and_display function to handle the fade animation correctly
 # Update the process_and_display function to handle the fade animation correctly
 def process_and_display(audio_input, generate_audio, chunk_duration):
     # Validate chunk duration
@@ -626,7 +627,7 @@ def process_and_display(audio_input, generate_audio, chunk_duration):
             <style>@keyframes spin {{ 0% {{ transform: rotate(0deg); }} 100% {{ transform: rotate(360deg); }} }}</style>
             <p style="font-size: 14px; color: #4a4a4a;">This may take several minutes depending on the audio length...</p>
         </div>
-    """)] + [gr.Group(visible=False)] * len(group_components) + [None] * (len(output_containers) * 6) + [None, None, None]
+    """)] + [gr.Group(visible=False)] * len(group_components) + [None] * (len(output_containers) * 6) + [None, None, None, ""]
     
     results = get_predictions(audio_input, generate_audio, chunk_duration)
     
@@ -676,7 +677,10 @@ def process_and_display(audio_input, generate_audio, chunk_duration):
             viewer_html_path = create_360_viewer_html(all_360_images, tmp_file.name)
     
     # Hide loading indicator and show results
-    yield [gr.HTML("")] + group_visibility + outputs + [fade_preview, fade_animation_path, viewer_html_path]
+    yield [gr.HTML("")] + group_visibility + outputs + [fade_preview, fade_animation_path, viewer_html_path, ""]
+
+
+
 
 # Update the clear_all function to handle the new outputs
 def clear_all():