优化结构

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

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

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

@@ -1,40 +1,18 @@
 import Emitter from 'tiny-emitter';
 import CheckSupport from './checkSupport';
 import CreatMediaSource from './creatMediaSource';
-import { errorHandle } from './utils';
 
 class Flv extends Emitter {
     constructor(mediaElement, url) {
         super();
-        this.support = new CheckSupport();
-        if (mediaElement) {
-            this.attachMediaElement(mediaElement);
-        }
-        if (url) {
-            this.loadUrl(url);
-        }
-    }
-
-    attachMediaElement(mediaElement) {
-        errorHandle(
-            mediaElement instanceof HTMLVideoElement && mediaElement.tagName === 'VIDEO',
-            "The 'mediaElement' does not seem to be a HTMLVideoElement",
-        );
         this.mediaElement = mediaElement;
-        return this;
-    }
-
-    loadUrl(url) {
-        const type = typeof url;
-        errorHandle(type === 'string', `The 'url' require 'string' type, but got '${type}'`);
         this.url = url;
-        return this;
+        this.support = new CheckSupport(this);
+        this.mediaSource = new CreatMediaSource(this);
     }
 
-    start() {
-        this.mediaSource = new CreatMediaSource();
-        console.log('start');
-        return this;
+    destroy() {
+        console.log(this);
     }
 }
 

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

@@ -1,16 +1,19 @@
 import Flv from './flv';
 
 function artplayerPluginFlv(art) {
-    const {
-        template: { $video },
-    } = art;
-    const flv = new Flv($video);
+    let flv = null;
+
+    art.on('destroy', () => {
+        if (flv) {
+            flv.destroy();
+        }
+    });
+
     return {
-        load: url =>
-            new Promise(resolve => {
-                flv.loadUrl(url).start();
-                return resolve(flv.mediaSource.url);
-            }),
+        flv,
+        init: (mediaElement, url) => {
+            flv = new Flv(mediaElement, url);
+        },
     };
 }