init

docs/index.html

@@ -58,6 +58,7 @@
         <div class="part-right">
             <div class="video-wrap">
                 <div class="artplayer-app"></div>
+                <div class="danmuku"></div>
             </div>
             <div class="console"></div>
         </div>

packages/artplayer-plugin-danmuku/src/control/index.js

@@ -0,0 +1,14 @@
+export default class Control {
+    constructor(danmuku) {
+        this.danmuku = danmuku;
+        this.apps = new Map();
+    }
+
+    mount() {
+        //
+    }
+
+    unmount() {
+        //
+    }
+}

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

@@ -1,14 +1,19 @@
 import Danmuku from './danmuku';
+import Control from './control';
 
 export default function artplayerPluginDanmuku(option) {
     return (art) => {
         const danmuku = new Danmuku(art, option);
+        const control = new Control(danmuku);
+
         return {
             name: 'artplayerPluginDanmuku',
             emit: danmuku.emit.bind(danmuku),
             config: danmuku.config.bind(danmuku),
             hide: danmuku.hide.bind(danmuku),
             show: danmuku.show.bind(danmuku),
+            mount: control.mount.bind(control),
+            unmount: control.unmount.bind(control),
             get isHide() {
                 return danmuku.isHide;
             },

packages/artplayer/package.json

@@ -21,7 +21,6 @@
         "player"
     ],
     "dependencies": {
-        "option-validator": "^2.0.6",
+        "option-validator": "^2.0.6"
-        "screenfull": "^6.0.1"
     }
 }