Feat: support mpd

package.json

@@ -16,6 +16,7 @@
     "artplayer": "^5.0.9",
     "artplayer-plugin-danmuku": "^5.0.1",
     "axios": "^1.4.0",
+    "dashjs": "^4.7.2",
     "element-plus": "^2.3.8",
     "gsap": "^3.12.2",
     "hls.js": "^1.4.12",

src/components/MoviePush.vue

@@ -59,6 +59,10 @@ const movieTypeRecords: Map<pushType, movieTypeRecord> = new Map([
         {
           name: "ts",
           value: "mpegts"
+        },
+        {
+          name: "mpd",
+          value: "mpd"
         }
       ]
     }

src/components/Player.vue

@@ -46,6 +46,21 @@ watchers.push(
   )
 );
 
+const playMpd = (player: HTMLMediaElement, url: string, art: any) => {
+  import("dashjs")
+    .then((dashjs) => dashjs.default)
+    .then((dashjs) => {
+      if (dashjs.supportsMediaSource()) {
+        const dash = dashjs.MediaPlayer().create();
+        dash.initialize(player, url, false);
+        art.dash = dash;
+        art.on("destroy", () => dash.reset());
+      } else {
+        art.notice.show = "Unsupported playback format: mpd";
+      }
+    });
+};
+
 const playFlv = (player: HTMLMediaElement, url: string, art: any) => {
   import("mpegts.js")
     .then((mpegts) => mpegts.default)
@@ -218,6 +233,7 @@ const playerOption = computed<Option>(() => {
     customType: {
       flv: playFlv,
       m3u8: playM3u8,
+      mpd: playMpd,
       mes: playMse,
       ts: playMpegts,
       m2ts: playM2ts,