添加弹幕插件

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

@@ -1,8 +1,59 @@
-import './index.scss';
+function artplayerPluginDanmu(art) {
+    const { layers } = art;
+    const {
+        utils: { append, errorHandle, setStyles },
+    } = art.constructor;
 
-function artplayerPluginDanmu(Artplayer) {
-    const art = Artplayer.prototype;
-    console.log(art);
+    const layer = layers.add({
+        name: 'danmu',
+        style: {
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            right: 0,
+            bottom: 0,
+            width: '100%',
+            height: '100%',
+            overflow: 'hidden',
+        },
+    });
+
+    const danmuList = [];
+    function emit(style = {}) {
+        const $danmu = document.createElement('div');
+        $danmu.innerText = '23333';
+        setStyles($danmu, {
+            'user-select': 'none',
+            'position': 'absolute',
+            'white-space': 'pre',
+            'pointer-events': 'none',
+            'perspective': '500px',
+            'display': 'inline-block',
+            'will-change': 'transform',
+            'font-size': '25px',
+            'color': 'rgb(254, 241, 2)',
+            'font-family': 'SimHei, "Microsoft JhengHei", Arial, Helvetica, sans-serif',
+            'font-weight': 'normal',
+            'line-height': '1.125',
+            'opacity': '1',
+            'text-shadow': 'rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px',
+            'left': '638px',
+            'top': '0px',
+            'transform': 'translateX(-626.14px) translateY(0px) translateZ(0px)',
+            'transition': '-webkit-transform 0s linear 0s',
+        });
+        danmuList.push(append(layer.$ref, $danmu));
+    }
+
+    emit({
+        
+    });
+
+    return {
+        name: 'artplayerPluginDanmu',
+        config(option) {},
+        emit() {},
+    };
 }
 
 window.artplayerPluginDanmu = artplayerPluginDanmu;

packages/artplayer-plugin-danmu/src/index.scss

@@ -1,3 +0,0 @@
-.artplayerPluginDanmu {
-    display: flex;
-}