移除多余文件

packages/artplayer-plugin-backlight/package.json

@@ -1,6 +1,6 @@
 {
   "name": "artplayer-plugin-backlight",
-  "version": "3.5.31",
+  "version": "4.0.0",
   "expose": "artplayerPluginBacklight",
   "description": "Backlight plugin for ArtPlayer",
   "main": "dist/artplayer-plugin-backlight.js",

packages/artplayer-plugin-danmuku/package.json

@@ -1,6 +1,6 @@
 {
   "name": "artplayer-plugin-danmuku",
-  "version": "3.5.31",
+  "version": "4.0.0",
   "expose": "artplayerPluginDanmuku",
   "description": "Danmuku plugin for ArtPlayer",
   "main": "dist/artplayer-plugin-danmuku.js",

packages/artplayer-tool-github/package.json

@@ -1,6 +1,6 @@
 {
   "name": "artplayer-tool-github",
-  "version": "3.5.31",
+  "version": "4.0.0",
   "expose": "ArtplayerToolGithub",
   "description": "Github tool for ArtPlayer",
   "main": "dist/artplayer-tool-github.js",

packages/artplayer-tool-thumbnail/package.json

@@ -1,6 +1,6 @@
 {
   "name": "artplayer-tool-thumbnail",
-  "version": "3.5.31",
+  "version": "4.0.0",
   "expose": "ArtplayerToolThumbnail",
   "description": "thumbnail tool for ArtPlayer",
   "main": "dist/artplayer-tool-thumbnail.js",

packages/artplayer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "artplayer",
-  "version": "3.5.31",
+  "version": "4.0.0",
   "expose": "Artplayer",
   "description": "ArtPlayer.js is a modern and full featured HTML5 video player",
   "main": "dist/artplayer.js",

packages/artplayer/src/contextmenu/index.js

@@ -4,7 +4,6 @@ import playbackRate from './playbackRate';
 import aspectRatio from './aspectRatio';
 import info from './info';
 import version from './version';
-import light from './light';
 import close from './close';
 
 export default class Contextmenu extends Component {
@@ -54,14 +53,6 @@ export default class Contextmenu extends Component {
                 }),
             );
 
-            this.add(
-                light({
-                    disable: !option.light,
-                    name: 'light',
-                    index: 50,
-                }),
-            );
-
             this.add(
                 close({
                     disable: false,

packages/artplayer/src/contextmenu/light.js

@@ -1,18 +0,0 @@
-export default function light(option) {
-    return art => {
-        const { i18n, player } = art;
-        return {
-            ...option,
-            html: i18n.get('Light Off'),
-            click: contextmenu => {
-                player.light = !player.light;
-                contextmenu.show = false;
-            },
-            mounted: $menu => {
-                art.on('light', value => {
-                    $menu.innerText = i18n.get(value ? 'Light On' : 'Light Off');
-                });
-            },
-        };
-    };
-}

packages/artplayer/src/i18n/zh-cn.json

@@ -1,8 +1,6 @@
 {
     "Video info": "统计信息",
     "Close": "关闭",
-    "Light Off": "关灯",
-    "Light On": "开灯",
     "Video load failed": "加载失败",
     "Volume": "音量",
     "Play": "播放",

packages/artplayer/src/i18n/zh-tw.json

@@ -1,8 +1,6 @@
 {
     "Video info": "統計訊息",
     "Close": "關閉",
-    "Light Off": "關燈",
-    "Light On": "開燈",
     "Video load failed": "載入失敗",
     "Volume": "音量",
     "Play": "播放",

packages/artplayer/src/index.js

@@ -126,7 +126,6 @@ export default class Artplayer extends Emitter {
             hotkey: true,
             pip: false,
             mutex: true,
-            light: false,
             backdrop: true,
             fullscreen: false,
             fullscreenWeb: false,

packages/artplayer/src/player/index.js

@@ -23,7 +23,6 @@ import playingMix from './playingMix';
 import autoSizeMix from './autoSizeMix';
 import rectMix from './rectMix';
 import flipMix from './flipMix';
-import lightMix from './lightMix';
 import miniMix from './miniMix';
 import loopMin from './loopMin';
 import rotateMix from './rotateMix';
@@ -57,7 +56,6 @@ export default class Player {
         autoSizeMix(art, this);
         rectMix(art, this);
         flipMix(art, this);
-        lightMix(art, this);
         miniMix(art, this);
         loopMin(art, this);
         rotateMix(art, this);

packages/artplayer/src/player/lightMix.js

@@ -1,15 +0,0 @@
-import { def, getStyle, setStyle } from '../utils';
-
-export default function lightMix(art, player) {
-    const { $undercover } = art.template;
-
-    def(player, 'light', {
-        get() {
-            return getStyle($undercover, 'display', false) !== 'none';
-        },
-        set(value) {
-            setStyle($undercover, 'display', value ? 'block' : 'none');
-            art.emit('light', value);
-        },
-    });
-}

packages/artplayer/src/scheme/index.js

@@ -48,7 +48,6 @@ export default {
     hotkey: b,
     pip: b,
     mutex: b,
-    light: b,
     backdrop: b,
     fullscreen: b,
     fullscreenWeb: b,
@@ -66,7 +65,7 @@ export default {
         {
             ...component,
             position: (value, type, paths) => {
-                const position = ['top', 'left', 'right'];
+                const position = ['top', 'left', 'right', 'middle'];
                 return errorHandle(
                     position.includes(value),
                     `${paths.join('.')} only accept ${position.toString()} as parameters`,

packages/artplayer/src/style/artplayer.scss

@@ -1,15 +1,3 @@
-.art-undercover {
-    background: #000;
-    position: fixed;
-    top: 0;
-    left: 0;
-    display: none;
-    height: 100%;
-    width: 100%;
-    opacity: 0.9;
-    z-index: 10;
-}
-
 .art-video-player {
     display: flex;
     position: relative;

packages/artplayer/src/template.js

@@ -25,7 +25,6 @@ export default class Template {
 
     static get html() {
         return `
-          <div class="art-undercover"></div>
           <div class="art-video-player art-subtitle-show art-layer-show">
             <video class="art-video"></video>
             <div class="art-poster"></div>
@@ -39,6 +38,7 @@ export default class Template {
               <div class="art-progress"></div>
               <div class="art-controls">
                 <div class="art-controls-left"></div>
+                <div class="art-controls-middle"></div>
                 <div class="art-controls-right"></div>
               </div>
             </div>
@@ -102,7 +102,6 @@ export default class Template {
             this.$container.innerHTML = Template.html;
         }
 
-        this.$undercover = this.query('.art-undercover');
         this.$player = this.query('.art-video-player');
         this.$video = this.query('.art-video');
         this.$poster = this.query('.art-poster');
@@ -112,6 +111,7 @@ export default class Template {
         this.$progress = this.query('.art-progress');
         this.$controls = this.query('.art-controls');
         this.$controlsLeft = this.query('.art-controls-left');
+        this.$controlsMiddle = this.query('.art-controls-middle');
         this.$controlsRight = this.query('.art-controls-right');
         this.$layer = this.query('.art-layers');
         this.$loading = this.query('.art-loading');
@@ -135,9 +135,7 @@ export default class Template {
         if (backdrop) {
             addClass(this.$settingInner, 'art-backdrop-filter');
             addClass(this.$contextmenu, 'art-backdrop-filter');
-            if (this.$info) {
-                addClass(this.$info, 'art-backdrop-filter');
-            }
+            addClass(this.$info, 'art-backdrop-filter');
         }
 
         if (this.art.isMobile) {
@@ -155,8 +153,8 @@ export default class Template {
         this.$video = this.query('.art-video');
     }
 
-    destroy(remove) {
-        if (remove) {
+    destroy(removeHtml) {
+        if (removeHtml) {
             this.$container.innerHTML = '';
         } else {
             addClass(this.$player, 'art-destroy');

packages/artplayer/types/artplayer.d.ts

@@ -7,7 +7,7 @@ type Component = {
     click?: Function;
     mounted?: Function;
     tooltip?: string;
-    position?: 'top' | 'left' | 'right';
+    position?: 'top' | 'left' | 'right' | 'middle';
     selector?: {
         name: string;
     }[];
@@ -38,7 +38,6 @@ export default class Artplayer {
         hotkey?: boolean;
         pip?: boolean;
         mutex?: boolean;
-        light?: boolean;
         backdrop?: boolean;
         fullscreen?: boolean;
         fullscreenWeb?: boolean;