Bump vjs vhs and enable experimentalBufferBasedABR

build/javascript/package-lock.json

@@ -159,32 +159,42 @@
       "integrity": "sha512-dW1B1WHTfrWmEzXb/tp8xsZqQHAyMB9JwLwbBqkIQVzmNUI02R7lJqxUpKFM114ygNZHKA1r74oPugCAiYHt1A=="
     },
     "@videojs/http-streaming": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@videojs/http-streaming/-/http-streaming-2.8.0.tgz",
-      "integrity": "sha512-OpKGSC9FSoRORLqjtsPA/owAwNheBSXFQZC0TxWeQLVcK2BQ8FOapIGjjOJc6xANe5NsG645tT+F+88sc1cjmw==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/@videojs/http-streaming/-/http-streaming-2.8.1.tgz",
+      "integrity": "sha512-3hltnoDX2FtyBLQO+kIiBfIQQh7TE6vEiVCgm9YqbXaXoU7zv2DNy2YN0Sm7kMClE/qE8RhS7Ym0g6oStussJg==",
       "requires": {
         "@babel/runtime": "^7.12.5",
-        "@videojs/vhs-utils": "^3.0.0",
+        "@videojs/vhs-utils": "^3.0.1",
         "aes-decrypter": "3.1.2",
         "global": "^4.4.0",
-        "m3u8-parser": "4.6.0",
+        "m3u8-parser": "4.7.0",
         "mpd-parser": "0.16.0",
         "mux.js": "5.11.0",
         "video.js": "^6 || ^7"
       },
       "dependencies": {
         "@babel/runtime": {
-          "version": "7.13.17",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.13.17.tgz",
-          "integrity": "sha512-NCdgJEelPTSh+FEFylhnP1ylq848l1z9t9N0j1Lfbcw0+KXGjsTvUmkxy+voLLXB5SOKMbLLx4jxYliGrYQseA==",
+          "version": "7.14.0",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.0.tgz",
+          "integrity": "sha512-JELkvo/DlpNdJ7dlyw/eY7E0suy5i5GQH+Vlxaq1nsNJ+H7f4Vtv3jMeCEgRhZZQFXTjldYfQgv2qmM6M1v5wA==",
           "requires": {
             "regenerator-runtime": "^0.13.4"
           }
         },
+        "@videojs/vhs-utils": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/@videojs/vhs-utils/-/vhs-utils-3.0.1.tgz",
+          "integrity": "sha512-kYHWcmzRyWfUXrrOZzRFzvt7XM+Sg+0vmsSbYONn2e/XeWD8+35K74+wZkW5/H9nYZDhYpZgeTKbLRUvxk+smA==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "global": "^4.4.0",
+            "url-toolkit": "^2.2.1"
+          }
+        },
         "m3u8-parser": {
-          "version": "4.6.0",
-          "resolved": "https://registry.npmjs.org/m3u8-parser/-/m3u8-parser-4.6.0.tgz",
-          "integrity": "sha512-dKhhpMcPqDM/KzULVrNyDZ/z766peQjwUghDTcl6TE7DQKAt/vm74/IMUAxpO34f6LDpM+OH/dYGQwW1eM4yWw==",
+          "version": "4.7.0",
+          "resolved": "https://registry.npmjs.org/m3u8-parser/-/m3u8-parser-4.7.0.tgz",
+          "integrity": "sha512-48l/OwRyjBm+QhNNigEEcRcgbRvnUjL7rxs597HmW9QSNbyNvt+RcZ9T/d9vxi9A9z7EZrB1POtZYhdRlwYQkQ==",
           "requires": {
             "@babel/runtime": "^7.12.5",
             "@videojs/vhs-utils": "^3.0.0",

build/javascript/package.json

@@ -6,7 +6,7 @@
   "dependencies": {
     "@joeattardi/emoji-button": "^4.6.0",
     "@justinribeiro/lite-youtube": "^0.9.1",
-    "@videojs/http-streaming": "2.8.0",
+    "@videojs/http-streaming": "2.8.1",
     "@videojs/themes": "^1.0.1",
     "htm": "^3.0.4",
     "mark.js": "^8.11.1",

webroot/js/components/player.js

@@ -25,7 +25,7 @@ const VIDEO_OPTIONS = {
     vhs: {
       // used to select the lowest bitrate playlist initially. This helps to decrease playback start time. This setting is false by default.
       enableLowInitialPlaylist: true,
-      smoothQualityChange: true,
+      experimentalBufferBasedABR: true,
     },
   },
   liveTracker: {