Add support for playing HLS m3u8/m3u URLs

package-lock.json

@@ -5919,6 +5919,11 @@
         "minimalistic-assert": "^1.0.1"
       }
     },
+    "hls.js": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.1.5.tgz",
+      "integrity": "sha512-mQX5TSNtJEzGo5HPpvcQgCu+BWoKDQM6YYtg/KbgWkmVAcqOCvSTi0SuqG2ZJLXxIzdnFcKU2z7Mrw/YQWhPOA=="
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",

package.json

@@ -21,6 +21,7 @@
     "dank-twitch-irc": "^3.3.0",
     "ejs": "^3.1.3",
     "electron": "^12.2.3",
+    "hls.js": "^1.1.5",
     "jsondiffpatch": "^0.4.1",
     "koa": "^2.12.1",
     "koa-basic-auth": "^4.0.0",

src/node/viewStateMachine.js

@@ -189,7 +189,12 @@ const viewStateMachine = Machine(
         ensureValidURL(content.url)
         const wc = view.webContents
         wc.audioMuted = true
-        wc.loadURL(content.url)
+
+        if (/\.m3u8?$/.test(content.url)) {
+          wc.loadFile('playHLS.html', { query: { src: content.url } })
+        } else {
+          wc.loadURL(content.url)
+        }
       },
     },
   },

webpack.config.js

@@ -82,6 +82,7 @@ const browserConfig = {
     overlay: './src/browser/overlay.js',
     layerPreload: './src/browser/layerPreload.js',
     mediaPreload: './src/browser/mediaPreload.js',
+    playHLS: './src/browser/playHLS.js',
   },
   plugins: [
     new CopyPlugin({