Mirrors/lossless-cut
1
0
Fork 0
mirror of https://github.com/mifi/lossless-cut.git synced 2024-11-22 10:22:31 +01:00
Code Issues Releases Activity

Arrow keys now jump percentage of timeline length (at current zoom level) #254

Browse Source
This commit is contained in:
Mikael Finstad 2020-02-24 18:33:56 +08:00
parent 6bf6856094
commit 74585af409
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/HelpSheet.jsx
View File

@ -27,8 +27,8 @@ const HelpSheet = memo(({
<div><kbd>SPACE</kbd>, <kbd>k</kbd> Play/pause</div>
<div><kbd>J</kbd> Slow down video</div>
<div><kbd>L</kbd> Speed up video</div>
<div><kbd>←</kbd> Seek backward 1 sec</div>
<div><kbd>→</kbd> Seek forward 1 sec</div>
<div><kbd>←</kbd> Seek backward 5% of timeline</div>
<div><kbd>→</kbd> Seek forward 5% of timeline</div>
<div><kbd>,</kbd> Seek backward 1 frame</div>
<div><kbd>.</kbd> Seek forward 1 frame</div>
<div><kbd>I</kbd> Mark in / cut start point</div>

10
src/renderer.jsx
View File

@ -217,6 +217,10 @@ const App = memo(() => {
seekAbs(videoRef.current.currentTime + val);
}, [seekAbs]);
const seekRelPercent = useCallback((val) => {
seekRel(val * (duration / zoom));
}, [seekRel, duration, zoom]);
const shortStep = useCallback((dir) => {
seekRel((1 / (detectedFps || 60)) * dir);
}, [seekRel, detectedFps]);
@ -945,8 +949,8 @@ const App = memo(() => {
Mousetrap.bind('k', () => playCommand());
Mousetrap.bind('j', () => changePlaybackRate(-1));
Mousetrap.bind('l', () => changePlaybackRate(1));
Mousetrap.bind('left', () => seekRel(-1));
Mousetrap.bind('right', () => seekRel(1));
Mousetrap.bind('left', () => seekRelPercent(-0.05));
Mousetrap.bind('right', () => seekRelPercent(0.05));
Mousetrap.bind('up', () => jumpSeg(-1));
Mousetrap.bind('down', () => jumpSeg(1));
Mousetrap.bind('.', () => shortStep(1));
@ -982,7 +986,7 @@ const App = memo(() => {
};
}, [
addCutSegment, capture, changePlaybackRate, cutClick, playCommand, removeCutSegment,
setCutEnd, setCutStart, seekRel, shortStep, deleteSource, jumpSeg,
setCutEnd, setCutStart, seekRelPercent, shortStep, deleteSource, jumpSeg,
]);
useEffect(() => {