fix(deps): install mpegts.js from github (#520)

Upgrade to GitHub commit, remove webworkify-webpack, add m2ts support

- Fork mpegts.js from https://github.com/xqq/mpegts.js to https://github.com/OpenListTeam/mpegts.js
- Specify GitHub commit version in project package.json
- Add `prepare` hook in forked mpegts.js to support PNPM post-install build
- Remove subdependency on webworkify-webpack to fix PNPM 11 `ERR_PNPM_EXOTIC_SUBDEP` issue
- Enable automatic build after install with PNPM
- Add m2ts playback support to video player
- Align changes with upstream fixes after 1.8.0 (diff: xqq/mpegts.js@v1.8.0...c91ab33)

---------

Signed-off-by: MadDogOwner <xiaoran@xrgzs.top>

Author: xrgzs

package.json

@@ -97,7 +97,7 @@
     "mark.js": "^8.11.1",
     "mitt": "^3.0.1",
     "monaco-editor": "0.55.1",
-    "mpegts.js": "^1.8.0",
+    "mpegts.js": "github:OpenListTeam/mpegts.js#1e51e0f6f918cf08e05dfae9c7bfcf658d6b4ac2",
     "qrcode": "^1.5.4",
     "rehype-katex": "7.0.1",
     "rehype-raw": "^7.0.0",

pnpm-lock.yaml

@@ -1,7 +1,10 @@
 allowBuilds:
   "@swc/core": true
   core-js: true
+  mpegts.js: true
 patchedDependencies:
   # if https://github.com/chenxch/vite-plugin-dynamic-base/pull/36 is merged,
   # this patch can be removed
   vite-plugin-dynamic-base: patches/vite-plugin-dynamic-base.patch
+onlyBuiltDependencies:
+  - mpegts.js

pnpm-workspace.yaml

@@ -132,6 +132,18 @@ const Preview = () => {
         flvPlayer.attachMediaElement(video)
         flvPlayer.load()
       },
+      m2ts: function (video: HTMLMediaElement, url: string) {
+        flvPlayer?.destroy()
+        flvPlayer = mpegts.createPlayer(
+          {
+            type: "m2ts",
+            url: url,
+          },
+          { referrerPolicy: "same-origin" },
+        )
+        flvPlayer.attachMediaElement(video)
+        flvPlayer.load()
+      },
       m3u8: function (video: HTMLMediaElement, url: string) {
         hlsPlayer?.destroy()
         hlsPlayer = new Hls()