feat: implement real-time preview system for video editor#1534
Open
jayesh-durge wants to merge 9 commits into
Open
feat: implement real-time preview system for video editor#1534jayesh-durge wants to merge 9 commits into
jayesh-durge wants to merge 9 commits into
Conversation
|
@jayesh-durge is attempting to deploy a commit to the magic-peach1's projects Team on Vercel. A member of the Team first needs to authorize it. |
github-actions
Bot
added
level:advanced
Contributor
✅ PR Format Check Passed — @jayesh-durgeBasic format checks passed. A maintainer will review your code changes. This does not mean the PR is approved — it just means the format is correct. |
Contributor
👋 Thanks for your PR, @jayesh-durge!Welcome to Reframe — a browser-based video editor built for everyone 🎬
What happens next
Quick checklist
Useful links
Happy coding! 🎉 |
jayesh-durge
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Implemented a real-time video preview system that allows users to instantly visualize edits before exporting. Changes made through editing tools such as Aspect Ratio, Rotation, Image Overlay, Trim, and Adjustments (Brightness, Contrast, Saturation) are now reflected directly in the preview player.
This eliminates the need to repeatedly export videos just to verify modifications, resulting in a faster and more intuitive editing experience.
Related Issue
Closes #1510
Type of Contribution
Participant Info
Screen Recording
Recording / Loom link:
Screen.Recording.2026-06-03.195725.mp4
Changes Made
Added live preview support for Aspect Ratio modifications.
Added real-time Rotation preview.
Added Image Overlay preview rendering.
Added live preview for video Adjustments:
Updated preview rendering logic to synchronize editor state with the video player.
Ensured preview updates occur instantly without requiring video export.
Testing
Verified functionality for:
Checklist
bun run lintpasses (no ESLint errors)bunx tsc --noEmitpasses (no TypeScript errors)aria-label/ accessible namesconsole.logstatements left in