Feature description
Add a draggable crop positioning feature for resized video frames. Instead of forcing the crop area to stay centered, users should be able to drag and reposition the selected frame freely within the video preview before exporting.
Problem this solves
Currently, when converting videos into formats like 9:16 or 1:1, the crop area is automatically centered. This becomes frustrating when the important subject or content is not in the center of the video, causing important elements to get cropped out.
Proposed solution
Introduce an interactive drag-based crop adjustment system inside the preview panel.
Suggested behavior:
-
After selecting an aspect ratio, display a movable crop frame
-
Allow users to:
- Click and drag the frame horizontally/vertically
- Reposition the visible area freely
- Preview the final cropped output in real time
-
Keep the selected aspect ratio locked while dragging
-
Add optional guides/grid lines for better alignment
Possible implementation ideas:
- Use draggable overlay containers
- Update crop coordinates dynamically (
x, y)
- Store crop state and pass it into FFmpeg/video processing pipeline during export
Alternatives considered
-
Keeping the crop fixed at the center
-
Providing preset alignment options like:
-
Manual numeric crop controls
However, drag-and-adjust provides a much better and intuitive user experience.
Additional context
This feature would significantly improve usability for Shorts/Reels/TikTok conversion workflows where the subject is often off-center in landscape videos. Similar behavior is available in tools like CapCut and Canva video editor.
Feature description
Add a draggable crop positioning feature for resized video frames. Instead of forcing the crop area to stay centered, users should be able to drag and reposition the selected frame freely within the video preview before exporting.
Problem this solves
Currently, when converting videos into formats like 9:16 or 1:1, the crop area is automatically centered. This becomes frustrating when the important subject or content is not in the center of the video, causing important elements to get cropped out.
Proposed solution
Introduce an interactive drag-based crop adjustment system inside the preview panel.
Suggested behavior:
After selecting an aspect ratio, display a movable crop frame
Allow users to:
Keep the selected aspect ratio locked while dragging
Add optional guides/grid lines for better alignment
Possible implementation ideas:
x,y)Alternatives considered
Keeping the crop fixed at the center
Providing preset alignment options like:
Manual numeric crop controls
However, drag-and-adjust provides a much better and intuitive user experience.
Additional context
This feature would significantly improve usability for Shorts/Reels/TikTok conversion workflows where the subject is often off-center in landscape videos. Similar behavior is available in tools like CapCut and Canva video editor.