Cleanup

app.py

@@ -7,7 +7,7 @@ import tempfile
 
 global stored_frames
 
-def load_and_store_frames(image_file):
+def load_and_store_frames(image_file, grid_x, grid_y):
     global stored_frames
 
     # Make sure file exists
@@ -32,11 +32,15 @@ def load_and_store_frames(image_file):
         convert_gif_to_video(image_file.name, tmp_file.name, 1 / (img.info.get('duration', 100) / 1000.0))
 
     stored_frames = frames  # Store the frames for later use
-    return "Frames loaded successfully", video_path
+    total_frames = len(frames)
+    selected_frames_count = grid_x * grid_y
+    details = f"**Total Frames:** {len(frames)}\n\n"
+    output_info = f"Grid size: {grid_x} x {grid_y}\n\nSelected Frames: {selected_frames_count} / {total_frames} ({selected_frames_count / total_frames * 100:.2f}%)"
+    return f"Frames loaded successfully\n\n{details}\n\n{output_info}", video_path
 
 def generate_grid(grid_x, grid_y, font_size, font_color, position, border_size, border_color):
     global stored_frames
-    print(f"Processing grid with {grid_x} x {grid_y} grid size, font size {font_size}, font color {font_color}, position {position}, border size {border_size}, border color {border_color}")
+    # print(f"Processing grid with {grid_x} x {grid_y} grid size, font size {font_size}, font color {font_color}, position {position}, border size {border_size}, border color {border_color}")
 
     if stored_frames is None:
         load_and_store_frames()
@@ -194,7 +198,7 @@ with gr.Blocks() as app:
             result_image = gr.Image(label="Generated Grid")
 
     # Use .change() method to listen for changes in any of the controls
-    control_image.upload(load_and_store_frames, inputs=[control_image], outputs=[gif_details, video_preview])
+    control_image.upload(load_and_store_frames, inputs=[control_image, grid_x_slider, grid_y_slider], outputs=[gif_details, video_preview])
 
     # grid_x_slider.change(generate_grid, inputs=[grid_x_slider, grid_y_slider, font_size_slider, font_color_dropdown, position_radio, border_size_slider, border_color_dropdown], outputs=[result_image, gif_details, video_preview])
     # grid_y_slider.change(generate_grid, inputs=[grid_x_slider, grid_y_slider, font_size_slider, font_color_dropdown, position_radio, border_size_slider, border_color_dropdown], outputs=[result_image, gif_details])