refactor: remove unused $player reference and add segmenter initializ…

…ation log
zhw2590582 · Oct 8, 2024 · b8c29f2 · b8c29f2
1 parent ffe4dd0
commit b8c29f2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 26 deletions.
diff --git a/docs/uncompiled/artplayer-plugin-danmuku-mask/index.js b/docs/uncompiled/artplayer-plugin-danmuku-mask/index.js
@@ -152,7 +152,7 @@ var _tfjsBackendCpu = require("@tensorflow/tfjs-backend-cpu");
 var _bodySegmentation = require("@tensorflow-models/body-segmentation");
 function artplayerPluginDanmukuMask(option = {}) {
     return (art)=>{
-        const { template: { $player, $video, $danmuku } } = art;
+        const { template: { $video, $danmuku } } = art;
         let segmenter = null;
         let canvas = null;
         let ctx = null;
@@ -173,8 +173,7 @@ function artplayerPluginDanmukuMask(option = {}) {
         async function initTensorFlow() {
             try {
                 await _tfjsCore.setBackend("webgl");
-                console.log("Using WebGL backend");
-            } catch (e) {
+            } catch (error) {
                 console.warn("WebGL backend not available, falling back to CPU");
                 await _tfjsCore.setBackend("cpu");
             }
@@ -194,8 +193,8 @@ function artplayerPluginDanmukuMask(option = {}) {
             };
             try {
                 segmenter = await _bodySegmentation.createSegmenter(model, segmenterConfig);
+                console.log("Segmenter initialized:", segmenter);
                 isInitialized = true;
-                console.log("Segmenter initialized successfully");
             } catch (error) {
                 console.error("Error initializing segmenter:", error);
                 isInitialized = false;
@@ -213,16 +212,6 @@ function artplayerPluginDanmukuMask(option = {}) {
         function createCanvas() {
             canvas = document.createElement("canvas");
             ctx = canvas.getContext("2d");
-            Object.assign(canvas.style, {
-                position: "absolute",
-                top: "0",
-                left: "0",
-                width: "100%",
-                height: "100%",
-                pointerEvents: "none",
-                opacity: "0"
-            });
-            $player.appendChild(canvas);
         }
         function makeWhiteTransparent(imageData) {
             const data = imageData.data;

diff --git a/docs/uncompiled/artplayer-plugin-danmuku-mask/index.js.map b/docs/uncompiled/artplayer-plugin-danmuku-mask/index.js.map
diff --git a/packages/artplayer-plugin-danmuku-mask/src/index.js b/packages/artplayer-plugin-danmuku-mask/src/index.js
@@ -6,7 +6,7 @@ import * as bodySegmentation from '@tensorflow-models/body-segmentation';
 export default function artplayerPluginDanmukuMask(option = {}) {
     return (art) => {
         const {
-            template: { $player, $video, $danmuku },
+            template: { $video, $danmuku },
         } = art;
 
         let segmenter = null;
@@ -54,6 +54,7 @@ export default function artplayerPluginDanmukuMask(option = {}) {
 
             try {
                 segmenter = await bodySegmentation.createSegmenter(model, segmenterConfig);
+                console.log('Segmenter initialized:', segmenter);
                 isInitialized = true;
             } catch (error) {
                 console.error('Error initializing segmenter:', error);
@@ -74,16 +75,6 @@ export default function artplayerPluginDanmukuMask(option = {}) {
         function createCanvas() {
             canvas = document.createElement('canvas');
             ctx = canvas.getContext('2d');
-            Object.assign(canvas.style, {
-                position: 'absolute',
-                top: '0',
-                left: '0',
-                width: '100%',
-                height: '100%',
-                pointerEvents: 'none',
-                opacity: '0',
-            });
-            $player.appendChild(canvas);
         }
 
         function makeWhiteTransparent(imageData) {