From 40c4ca305ecebbb1f943c6dc682aa59fcbbcc00e Mon Sep 17 00:00:00 2001
From: Jason Hunter <hunterjm@gmail.com>
Date: Thu, 3 Jun 2021 19:38:05 -0400
Subject: [PATCH] add playback rate adjustment and seek buttons

---
 web/package-lock.json              | 20 ++++++++++++++++++++
 web/package.json                   |  3 ++-
 web/src/components/VideoPlayer.jsx |  7 +++++++
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/web/package-lock.json b/web/package-lock.json
index 856923f2b..75939d86b 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -11942,6 +11942,26 @@
         "video.js": "^6 || ^7"
       }
     },
+    "videojs-seek-buttons": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/videojs-seek-buttons/-/videojs-seek-buttons-2.0.0.tgz",
+      "integrity": "sha512-fSq2COvwTT5OwD5urc3E+ktQRwdjptXNaeuv1Tld2yfoV1ep9Am9gE/O07ADgHJVedFatVUXnifTh6wlUWSyTA==",
+      "requires": {
+        "global": "^4.4.0",
+        "video.js": "^6 || ^7"
+      },
+      "dependencies": {
+        "global": {
+          "version": "4.4.0",
+          "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
+          "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+          "requires": {
+            "min-document": "^2.19.0",
+            "process": "^0.11.10"
+          }
+        }
+      }
+    },
     "videojs-vtt.js": {
       "version": "0.15.3",
       "resolved": "https://registry.npmjs.org/videojs-vtt.js/-/videojs-vtt.js-0.15.3.tgz",
diff --git a/web/package.json b/web/package.json
index 7f3d8f766..27d1125f4 100644
--- a/web/package.json
+++ b/web/package.json
@@ -18,7 +18,8 @@
     "preact-async-route": "^2.2.1",
     "preact-router": "^3.2.1",
     "video.js": "^7.11.8",
-    "videojs-playlist": "^4.3.1"
+    "videojs-playlist": "^4.3.1",
+    "videojs-seek-buttons": "^2.0.0"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.12.13",
diff --git a/web/src/components/VideoPlayer.jsx b/web/src/components/VideoPlayer.jsx
index 31e19eb30..abe2cecf9 100644
--- a/web/src/components/VideoPlayer.jsx
+++ b/web/src/components/VideoPlayer.jsx
@@ -1,10 +1,13 @@
 import { h, Component } from 'preact';
 import videojs from 'video.js';
 import 'videojs-playlist';
+import 'videojs-seek-buttons';
 import 'video.js/dist/video-js.css';
+import 'videojs-seek-buttons/dist/videojs-seek-buttons.css';
 
 const defaultOptions = {
   controls: true,
+  playbackRates: [0.5, 1, 2, 4, 8],
   fluid: true,
 };
 
@@ -18,6 +21,10 @@ export default class VideoPlayer extends Component {
     this.player = videojs(this.videoNode, videoJsOptions, function onPlayerReady() {
       onReady(this);
     });
+    this.player.seekButtons({
+      forward: 30,
+      back: 15,
+    });
   }
 
   componentWillUnmount() {