add artplayerPluginBacklight

packages/artplayer/src/controls/screenshot.js

@@ -14,7 +14,7 @@ export default function screenshot(controlOption) {
             const $screenshot = append($control, icons.screenshot);
             tooltip($screenshot, i18n.get('Screenshot'));
             proxy($screenshot, 'click', () => {
-                player.screenshot();
+                player.downloadScreenshot();
             });
         },
     });

packages/artplayer/src/player/screenshotMix.js

@@ -7,24 +7,28 @@ export default function screenshotMix(art, player) {
         template: { $video },
     } = art;
 
-    function captureFrame() {
-        const canvas = document.createElement('canvas');
-        canvas.width = $video.videoWidth;
-        canvas.height = $video.videoHeight;
-        canvas.getContext('2d').drawImage($video, 0, 0);
-        const dataUri = canvas.toDataURL('image/png');
-        downloadImage(dataUri, `${option.title || 'artplayer'}_${secondToTime($video.currentTime)}.png`);
-        return dataUri;
-    }
-
-    Object.defineProperty(player, 'screenshot', {
+    Object.defineProperty(player, 'getScreenshotDataURL', {
         value: () => {
             try {
-                const dataUri = captureFrame();
-                art.emit('screenshot', dataUri);
+                const canvas = document.createElement('canvas');
+                canvas.width = $video.videoWidth;
+                canvas.height = $video.videoHeight;
+                canvas.getContext('2d').drawImage($video, 0, 0);
+                return canvas.toDataURL('image/png');;
             } catch (error) {
                 notice.show(error);
                 console.warn(error);
+                return null;
+            }
+        },
+    });
+
+    Object.defineProperty(player, 'downloadScreenshot', {
+        value: () => {
+            const dataUri = player.getScreenshotDataURL();
+            if (dataUri) {
+                downloadImage(dataUri, `${option.title || 'artplayer'}_${secondToTime($video.currentTime)}.png`);
+                art.emit('screenshot', dataUri);
             }
         },
     });

packages/artplayer/src/style/artplayer.scss

@@ -1,5 +1,6 @@
 .artplayer-video-player {
     position: relative;
+    z-index: 10;
     width: 100%;
     height: 100%;
     outline: 0;