working

app.py

@@ -8,12 +8,30 @@ def process_video(video_path, nframes, height, width, direction, trim, average,
     try:
         fv = FrameVis()
         
+        # Get video properties to calculate appropriate dimensions
+        cap = cv2.VideoCapture(video_path)
+        video_width = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH))
+        video_height = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT))
+        cap.release()
+        
+        # Calculate dimensions to maintain aspect ratio
+        if width <= 0:
+            # If width is auto, use the video's native width * 2 as a reasonable default
+            width = video_width * 2
+        
+        if height <= 0:
+            # Calculate height to maintain aspect ratio
+            if direction == "horizontal":
+                height = int((width / video_width) * video_height)
+            else:
+                height = video_height
+        
         # Process the video
         output_image = fv.visualize(
             video_path, 
             nframes=nframes,
-            height=height if height > 0 else None,
-            width=width if width > 0 else None,
+            height=height,
+            width=width,
             direction=direction,
             trim=trim,
             quiet=False
@@ -37,7 +55,7 @@ with gr.Blocks(title="FrameVis - Video Frame Visualizer") as demo:
     gr.Markdown("""
     # 🎬 FrameVis - Video Frame Visualizer
     Upload a video to create a beautiful visualization of its frames. The tool will extract frames at regular intervals 
-    and combine them into a single image.
+    and combine them into a single image. For best results with horizontal layout, try setting width to match your screen width.
     """)
     
     with gr.Row():
@@ -45,7 +63,7 @@ with gr.Blocks(title="FrameVis - Video Frame Visualizer") as demo:
             # Input components
             video_input = gr.Video(label="Upload Video")
             with gr.Row():
-                nframes = gr.Slider(minimum=1, maximum=500, value=100, step=1, 
+                nframes = gr.Slider(minimum=1, maximum=2000, value=100, step=1, 
                                  label="Number of Frames")
                 direction = gr.Radio(["horizontal", "vertical"], value="horizontal",
                                    label="Direction")
@@ -64,7 +82,7 @@ with gr.Blocks(title="FrameVis - Video Frame Visualizer") as demo:
         
         with gr.Column(scale=2):
             # Output component
-            output_image = gr.Image(label="Visualization Result", height=300)
+            output_image = gr.Image(label="Visualization Result")
             
     # Handle processing
     process_btn.click(