创建mse

packages/artplayer-plugin-flv/src/checkSupport.js

@@ -0,0 +1,18 @@
+export default function checkSupport(art) {
+    const {
+        utils: { errorHandle },
+        config: { mimeCodec },
+    } = art.constructor;
+
+    const {
+        template: { $video },
+    } = art;
+
+    const canPlay = $video.canPlayType(mimeCodec.mp4);
+    errorHandle(
+        window.MediaSource &&
+            window.MediaSource.isTypeSupported(mimeCodec.mp4) &&
+            (canPlay === 'probably' || canPlay === 'maybe'),
+        `Unsupported MIME type or codec: ${mimeCodec.mp4}`,
+    );
+}

packages/artplayer-plugin-flv/src/creatMediaSource.js

@@ -0,0 +1,6 @@
+export default class CreatMediaSource {
+    constructor(art) {
+        this.mediaSource = new MediaSource();
+        this.url = URL.createObjectURL(this.mediaSource);
+    }
+}

packages/artplayer-plugin-flv/src/index.js

@@ -1,7 +1,22 @@
+import checkSupport from './checkSupport';
+import CreatMediaSource from './creatMediaSource';
+
+class Flv {
+    constructor(art) {
+        checkSupport(art);
+        this.mediaSource = new CreatMediaSource(art);
+        this.load = url => {
+            console.log(url);
+        };
+    }
+}
+
 function artplayerPluginFlv(art) {
+    const flv = new Flv(art);
     return {
         load: url => new Promise(resolve => {
-            resolve('https://blog.zhw-island.com/assets-cdn/video/one-more-time-one-more-chance-480p.mp4');
+            flv.load(url);
+            return resolve(flv.mediaSource.url);
         }),
     };
 }