From 8823461ebd0dcda1feb3707a06c364c1102671ac Mon Sep 17 00:00:00 2001
From: Rafael <rafael.saes@odysee.com>
Date: Tue, 29 Mar 2022 17:40:21 -0300
Subject: [PATCH] =?UTF-8?q?Add=20percentage=20video=20duration=20keybinds?=
 =?UTF-8?q?=C2=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../viewers/videoViewer/internal/overlays.js   |  5 +++--
 .../internal/videojs-keyboard-shortcuts.jsx    | 18 +++++++++++++++---
 ui/constants/keycodes.js                       | 12 ++++++++++++
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/ui/component/viewers/videoViewer/internal/overlays.js b/ui/component/viewers/videoViewer/internal/overlays.js
index 6a3e70cba..9b5e70253 100644
--- a/ui/component/viewers/videoViewer/internal/overlays.js
+++ b/ui/component/viewers/videoViewer/internal/overlays.js
@@ -85,12 +85,13 @@ export function showPlaybackRateOverlay(player, newRate, isSpeedUp) {
  * @param duration The seek delta duration.
  * @param isForward true if seeking forward, false otherwise.
  */
-export function showSeekedOverlay(player, duration, isForward) {
+export function showSeekedOverlay(player, duration, isForward, isJumpTo) {
   const overlayJsx = (
     <div>
       <p>
-        {isForward ? '+' : '-'}
+        {!isJumpTo && (isForward ? '+' : '-')}
         {duration}
+        {isJumpTo && '%'}
       </p>
     </div>
   );
diff --git a/ui/component/viewers/videoViewer/internal/videojs-keyboard-shortcuts.jsx b/ui/component/viewers/videoViewer/internal/videojs-keyboard-shortcuts.jsx
index b8db4c591..e8ad47a0a 100644
--- a/ui/component/viewers/videoViewer/internal/videojs-keyboard-shortcuts.jsx
+++ b/ui/component/viewers/videoViewer/internal/videojs-keyboard-shortcuts.jsx
@@ -37,13 +37,15 @@ function volumeDown(event, playerRef) {
   player.userActive(true);
 }
 
-function seekVideo(stepSize: number, playerRef, containerRef) {
+function seekVideo(stepSize: number, playerRef, containerRef, jumpTo?: boolean) {
   const player = playerRef.current;
   const videoNode = containerRef.current && containerRef.current.querySelector('video, audio');
+
   if (!videoNode || !player) return;
+
   const duration = videoNode.duration;
   const currentTime = videoNode.currentTime;
-  const newDuration = currentTime + stepSize;
+  const newDuration = jumpTo ? duration * stepSize : currentTime + stepSize;
   if (newDuration < 0) {
     videoNode.currentTime = 0;
   } else if (newDuration > duration) {
@@ -51,7 +53,7 @@ function seekVideo(stepSize: number, playerRef, containerRef) {
   } else {
     videoNode.currentTime = newDuration;
   }
-  OVERLAY.showSeekedOverlay(player, Math.abs(stepSize), stepSize > 0);
+  OVERLAY.showSeekedOverlay(player, Math.abs(jumpTo ? stepSize * 100 : stepSize), !jumpTo && stepSize > 0, jumpTo);
   player.userActive(true);
 }
 
@@ -150,6 +152,16 @@ const VideoJsKeyboardShorcuts = ({
     if (e.keyCode === KEYCODES.J) seekVideo(-SEEK_STEP, playerRef, containerRef);
     if (e.keyCode === KEYCODES.RIGHT) seekVideo(SEEK_STEP_5, playerRef, containerRef);
     if (e.keyCode === KEYCODES.LEFT) seekVideo(-SEEK_STEP_5, playerRef, containerRef);
+    if (e.keyCode === KEYCODES.ZERO) seekVideo(0, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.ONE) seekVideo(10 / 100, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.TWO) seekVideo(20 / 100, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.THREE) seekVideo(30 / 100, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.FOUR) seekVideo(40 / 100, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.FIVE) seekVideo(50 / 100, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.SIX) seekVideo(60 / 100, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.SEVEN) seekVideo(70 / 100, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.EIGHT) seekVideo(80 / 100, playerRef, containerRef, true);
+    if (e.keyCode === KEYCODES.NINE) seekVideo(90 / 100, playerRef, containerRef, true);
   }
 
   var curried_function = function (playerRef: any, containerRef: any) {
diff --git a/ui/constants/keycodes.js b/ui/constants/keycodes.js
index c0d77ba1e..e80c569de 100644
--- a/ui/constants/keycodes.js
+++ b/ui/constants/keycodes.js
@@ -18,6 +18,18 @@ export const RIGHT = 39;
 export const DOWN = 40;
 export const INSERT = 45;
 export const DELETE = 46;
+
+export const ZERO = 48;
+export const ONE = 49;
+export const TWO = 50;
+export const THREE = 51;
+export const FOUR = 52;
+export const FIVE = 53;
+export const SIX = 54;
+export const SEVEN = 55;
+export const EIGHT = 56;
+export const NINE = 57;
+
 export const COMMAND = 91;
 export const COMMAND_LEFT = 91;
 export const COMMAND_RIGHT = 93;