add duration slider

app.py

@@ -96,7 +96,7 @@ def compute_offsets(reference, images, window_size):
         #peak_x = -peak_x
         #peak_y = -peak_y
 
-        print(peak_x, peak_y)
+        #print(peak_x, peak_y)
 
         # Compute the offset in the range [-window_size, window_size]
         if peak_x > correlation.shape[0] // 2:
@@ -234,7 +234,7 @@ def create_aligned_gif(original_image, columns_per_row, window_size=200, duratio
     
     return output_gif_path
 
-def wrapper_func(img, columns_per_row_str):
+def wrapper_func(img, columns_per_row_str,duration):
     #img = Image.open(BytesIO(file))
 
     #img = Image.fromarray(img_arr)
@@ -242,10 +242,7 @@ def wrapper_func(img, columns_per_row_str):
     columns_per_row = [int(x.strip()) for x in columns_per_row_str.split(',')]
     output_gif_path = 'output.gif'
 
-
-    print("about to die",img,columns_per_row)
-
-    create_aligned_gif(img, columns_per_row)
+    create_aligned_gif(img, columns_per_row,duration=duration)
     #with open(output_gif_path, "rb") as f:
         #return base64.b64encode(f.read()).decode()
     #    Image.open(output_gif_path)
@@ -269,10 +266,11 @@ iface = gr.Interface(
     fn=wrapper_func,
     inputs=[
         gr.components.Image(label="Upload Spritesheet",type='pil'),
-        gr.components.Textbox(label="Columns per Row", default="3,4,3")
+        gr.components.Textbox(label="Columns per Row", default="3,4,3"),
+        gr.components.Slider(minimum=10, maximum=1000, step=10, value=100, label="Duration of each frame (ms)"),
     ],
     outputs=gr.components.Image(type="filepath", label="Generated GIF"),
-    examples=[[example_image, example_columns_per_row]],  # Adding examples here
+    examples=[[example_image, example_columns_per_row,100]],  # Adding examples here
     live=False,
     server_name="Hugging Face Spaces",
     server_port=80,