Description
Currently, there is no real-time preview option for most video operations performed on the web tool. When a user applies changes such as modifying the aspect ratio, trimming, rotating, adding image overlays, or making adjustments, they cannot see the outcome immediately. They have to export and download the video to see the final result, which significantly degrades the user experience.
Expected Behavior
Users should be able to see a live or near real-time preview of the video modifications directly in the web interface before they decide to export and download the final processed file.
Proposed Solution
Implement a preview mechanism in the UI that reflects the changes made to the video properties (aspect ratio, rotation, filters/adjustments, etc.). Depending on the implementation, this could involve:
- Using CSS/Canvas transforms for visual approximations of adjustments, rotation, and aspect ratio changes in the browser player.
- Leveraging the underlying video processing library (e.g., FFmpeg.wasm) to generate short preview clips or apply live filters to the video element.
Motivation
Providing immediate visual feedback will greatly enhance the UX, reduce the time spent on trial-and-error processing, and make the tool feel much more responsive and professional.
Additional Context
I would like to work on this issue as a part of GSSoC'26. Please assign this issue to me! 🚀
Description
Currently, there is no real-time preview option for most video operations performed on the web tool. When a user applies changes such as modifying the aspect ratio, trimming, rotating, adding image overlays, or making adjustments, they cannot see the outcome immediately. They have to export and download the video to see the final result, which significantly degrades the user experience.
Expected Behavior
Users should be able to see a live or near real-time preview of the video modifications directly in the web interface before they decide to export and download the final processed file.
Proposed Solution
Implement a preview mechanism in the UI that reflects the changes made to the video properties (aspect ratio, rotation, filters/adjustments, etc.). Depending on the implementation, this could involve:
Motivation
Providing immediate visual feedback will greatly enhance the UX, reduce the time spent on trial-and-error processing, and make the tool feel much more responsive and professional.
Additional Context
I would like to work on this issue as a part of GSSoC'26. Please assign this issue to me! 🚀