add chevron hotkeys to change playback rate

diff --git a/client/src/assets/player/peertube-player.ts b/client/src/assets/player/peertube-player.ts
index eca2ce6c39058ba860801c57d5e3fd52585eecd3..5cea69eb81e97e5089f8507221dfafa44f1b2f20 100644 (file)
--- a/client/src/assets/player/peertube-player.ts
+++ b/client/src/assets/player/peertube-player.ts
@@ -69,7 +69,27 @@ function getVideojsOptions (options: {
     Object.assign(videojsOptions.plugins, {
       hotkeys: {
         enableVolumeScroll: false,
-        enableModifiersForNumbers: false
+        enableModifiersForNumbers: false,
+        customKeys: {
+          increasePlaybackRateKey: {
+            key: function (event) {
+              // use '>'
+              return event.which === 51
+            },
+            handler: function (player, options, event) {
+              player.playbackRate(player.playbackRate() + 0.1)
+            }
+          },
+          decreasePlaybackRateKey: {
+            key: function (event) {
+              // use '<'
+              return event.which === 50
+            },
+            handler: function (player, options, event) {
+              player.playbackRate(player.playbackRate() - 0.1)
+            }
+          }
+        }
       }
     })
   }