From c9451cf13a9bbac04093e3c4f99ab4c01b47fbdf Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Tue, 1 Sep 2020 11:42:27 -0700
Subject: [PATCH] Update video.js and vhs http-streaming. Closes #133

---
 webroot/index-video-only.html   | 5 +++--
 webroot/index.html              | 5 +++--
 webroot/js/components/player.js | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/webroot/index-video-only.html b/webroot/index-video-only.html
index 748bd4bdc..c9efcbdc4 100644
--- a/webroot/index-video-only.html
+++ b/webroot/index-video-only.html
@@ -5,9 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
     <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
 
-    <link href="//unpkg.com/video.js@7.9.2/dist/video-js.css" rel="stylesheet">
+    <link href="//unpkg.com/video.js@7.9.3/dist/video-js.css" rel="stylesheet"/>
     <link href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css" rel="stylesheet" />
-    <script src="//unpkg.com/video.js@7.9.2/dist/video.js"></script>
+    <script src="//unpkg.com/video.js@7.9.3/dist/alt/video.core.min.js"></script>
+    <script src="//unpkg.com/@videojs/http-streaming@2.1.0/dist/videojs-http-streaming.min.js"></script>
 
     <link href="./styles/video.css" rel="stylesheet" />
     <link href="./styles/video-only.css" rel="stylesheet" />
diff --git a/webroot/index.html b/webroot/index.html
index 40a1eb1fd..168ccc6eb 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -23,9 +23,10 @@
 
     <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
 
-    <link href="//unpkg.com/video.js@7.9.2/dist/video-js.css" rel="stylesheet">
+    <link href="//unpkg.com/video.js@7.9.3/dist/video-js.css" rel="stylesheet"/>
     <link href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css" rel="stylesheet" />
-    <script src="//unpkg.com/video.js@7.9.2/dist/video.js"></script>
+    <script src="//unpkg.com/video.js@7.9.3/dist/alt/video.core.min.js"></script>
+    <script src="//unpkg.com/@videojs/http-streaming@2.1.0/dist/videojs-http-streaming.min.js"></script>
     <!-- markdown renderer -->
     <script src="//unpkg.com/showdown/dist/showdown.min.js"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@0.6.2/lite-youtube.js"></script>
diff --git a/webroot/js/components/player.js b/webroot/js/components/player.js
index 8de03fcf6..05cbe5998 100644
--- a/webroot/js/components/player.js
+++ b/webroot/js/components/player.js
@@ -47,7 +47,7 @@ class OwncastPlayer {
   }
 
   init() {
-    videojs.Hls.xhr.beforeRequest = function (options) {
+    videojs.Vhs.xhr.beforeRequest = function (options) {
       const cachebuster = Math.round(new Date().getTime() / 1000);
       options.uri = `${options.uri}?cachebust=${cachebuster}`;
       return options;