Feature description
Add keyboard shortcuts to set trim points while the video is playing, using the standard video editor convention:
I key → set trim start (in point) to current playback positionO key → set trim end (out point) to current playback position
This allows users to scrub through the video and tap I/O to mark the exact trim range without having to manually type timestamps.
Problem this solves
Currently the only way to set trim points is by typing numbers into the TrimControl inputs. This is slow and imprecise — you have to pause the video, note the timestamp, then type it in. Standard video editors (Premiere, DaVinci, iMovie) all use I/O shortcuts for this reason.
Proposed solution
Add i and o key handlers to src/hooks/useKeyboardShortcuts.ts (the keyboard shortcut infrastructure already exists):
I → call seekTo / updateRecipe({ trimStart: currentTime })O → call updateRecipe({ trimEnd: currentTime })
Both currentTime and updateRecipe are already available in useVideoEditor.
Alternatives considered
Clicking on the ThumbnailStrip to set trim points — but that requires a separate UI change and is less intuitive than the industry-standard I/O shortcut.
Additional context
useKeyboardShortcuts.ts already handles Space (play/pause), arrow keys (seek), and export shortcuts — this follows the exact same pattern.
Browser and OS info
- OS: Any
- Browser: Any
- Version: Any
Feature description
Add keyboard shortcuts to set trim points while the video is playing, using the standard video editor convention:
Ikey → set trim start (in point) to current playback positionOkey → set trim end (out point) to current playback positionThis allows users to scrub through the video and tap I/O to mark the exact trim range without having to manually type timestamps.
Problem this solves
Currently the only way to set trim points is by typing numbers into the TrimControl inputs. This is slow and imprecise — you have to pause the video, note the timestamp, then type it in. Standard video editors (Premiere, DaVinci, iMovie) all use I/O shortcuts for this reason.
Proposed solution
Add
iandokey handlers tosrc/hooks/useKeyboardShortcuts.ts(the keyboard shortcut infrastructure already exists):I→ callseekTo/updateRecipe({ trimStart: currentTime })O→ callupdateRecipe({ trimEnd: currentTime })Both
currentTimeandupdateRecipeare already available inuseVideoEditor.Alternatives considered
Clicking on the ThumbnailStrip to set trim points — but that requires a separate UI change and is less intuitive than the industry-standard I/O shortcut.
Additional context
useKeyboardShortcuts.tsalready handles Space (play/pause), arrow keys (seek), and export shortcuts — this follows the exact same pattern.Browser and OS info