CHange seek behavior #264

src/HelpSheet.jsx

@@ -27,8 +27,10 @@ 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 5% of timeline (at current zoom)</div>
-        <div><kbd>→</kbd> Seek forward 5% of timeline (at current zoom)</div>
+        <div><kbd>←</kbd> Seek backward 1 sec</div>
+        <div><kbd>→</kbd> Seek forward 1 sec</div>
+        <div><kbd>CTRL</kbd>/<kbd>CMD</kbd>+<kbd>←</kbd> Seek backward 1% of timeline (at current zoom)</div>
+        <div><kbd>CTRL</kbd>/<kbd>CMD</kbd>+<kbd>→</kbd> Seek forward 1% of timeline (at current zoom)</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>

src/renderer.jsx

@@ -1048,8 +1048,10 @@ const App = memo(() => {
     Mousetrap.bind('k', () => playCommand());
     Mousetrap.bind('j', () => changePlaybackRate(-1));
     Mousetrap.bind('l', () => changePlaybackRate(1));
-    Mousetrap.bind('left', () => seekRelPercent(-0.05));
-    Mousetrap.bind('right', () => seekRelPercent(0.05));
+    Mousetrap.bind('left', () => seekRel(-1));
+    Mousetrap.bind('right', () => seekRel(1));
+    Mousetrap.bind(['ctrl+left', 'command+left'], () => { seekRelPercent(-0.01); return false; });
+    Mousetrap.bind(['ctrl+right', 'command+right'], () => { seekRelPercent(0.01); return false; });
     Mousetrap.bind('up', () => jumpSeg(-1));
     Mousetrap.bind('down', () => jumpSeg(1));
     Mousetrap.bind('.', () => shortStep(1));
@@ -1070,6 +1072,8 @@ const App = memo(() => {
       Mousetrap.unbind('l');
       Mousetrap.unbind('left');
       Mousetrap.unbind('right');
+      Mousetrap.unbind(['ctrl+left', 'command+left']);
+      Mousetrap.unbind(['ctrl+right', 'command+right']);
       Mousetrap.unbind('up');
       Mousetrap.unbind('down');
       Mousetrap.unbind('.');
@@ -1085,7 +1089,7 @@ const App = memo(() => {
     };
   }, [
     addCutSegment, capture, changePlaybackRate, cutClick, playCommand, removeCutSegment,
-    setCutEnd, setCutStart, seekRelPercent, shortStep, deleteSource, jumpSeg, toggleHelp,
+    setCutEnd, setCutStart, seekRel, seekRelPercent, shortStep, deleteSource, jumpSeg, toggleHelp,
   ]);
 
   useEffect(() => {