update docs

packages/artplayer-vitepress/docs/en/library/dash.md

@@ -0,0 +1,36 @@
+# dash.js
+
+👉 [https://github.com/Dash-Industry-Forum/dash.js](https://github.com/Dash-Industry-Forum/dash.js)
+
+<div className="run-code" data-libs="https://cdnjs.cloudflare.com/ajax/libs/dashjs/4.5.2/dash.all.min.js">
+    ▶ Run Code
+</div>
+
+```js{18-21,25}
+function playMpd(video, url, art) {
+    if (dashjs.supportsMediaSource()) {
+        const dash = dashjs.MediaPlayer().create();
+        dash.initialize(video, url, art.option.autoplay);
+
+        // optional
+        art.dash = dash; 
+        art.once('url', () => dash.destroy());
+        art.once('destroy', () => dash.destroy());
+    } else {
+        art.notice.show = 'Unsupported playback format: mpd';
+    }
+}
+
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: 'https://dash.akamaized.net/envivio/EnvivioDash3/manifest.mpd',
+    type: 'mpd',
+    customType: {
+        mpd: playMpd
+    },
+});
+
+art.on('ready', () => {
+    console.info(art.dash);
+});
+```

packages/artplayer-vitepress/docs/en/library/flv.md

@@ -0,0 +1,37 @@
+# flv.js
+
+👉 [https://github.com/Bilibili/flv.js](https://github.com/Bilibili/flv.js)
+
+<div className="run-code" data-libs="https://cdnjs.cloudflare.com/ajax/libs/flv.js/1.6.2/flv.min.js">
+    ▶ Run Code
+</div>
+
+```js{19-22,26}
+function playFlv(video, url, art) {
+    if (flvjs.isSupported()) {
+        const flv = flvjs.createPlayer({ type: 'flv', url });
+        flv.attachMediaElement(video);
+        flv.load();
+
+        // optional
+        art.flv = flv; 
+        art.once('url', () => flv.destroy());
+        art.once('destroy', () => flv.destroy());
+    } else {
+        art.notice.show = 'Unsupported playback format: flv';
+    }
+}
+
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: '/assets/sample/video.flv',
+    type: 'flv',
+    customType: {
+        flv: playFlv,
+    },
+});
+
+art.on('ready', () => {
+    console.info(art.flv);
+});
+```

packages/artplayer-vitepress/docs/en/library/hls.md

@@ -0,0 +1,39 @@
+# hls.js
+
+👉 [https://github.com/video-dev/hls.js](https://github.com/video-dev/hls.js)
+
+<div className="run-code" data-libs="https://cdnjs.cloudflare.com/ajax/libs/hls.js/8.0.0-beta.3/hls.min.js">
+    ▶ Run Code
+</div>
+
+```js{21-24,28}
+function playM3u8(video, url, art) {
+    if (Hls.isSupported()) {
+        const hls = new Hls();
+        hls.loadSource(url);
+        hls.attachMedia(video);
+
+        // optional
+        art.hls = hls;
+        art.once('url', () => hls.destroy());
+        art.once('destroy', () => hls.destroy());
+    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+        video.src = url;
+    } else {
+        art.notice.show = 'Unsupported playback format: m3u8';
+    }
+}
+
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8',
+    type: 'm3u8',
+    customType: {
+        m3u8: playM3u8,
+    },
+});
+
+art.on('ready', () => {
+    console.info(art.hls);
+});
+```