refactor(player): mouse idle detect

auioc · Aug 26, 2024 · 71a2f6c · 71a2f6c
1 parent d0ae7ea
commit 71a2f6c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/src/core/data.ts b/src/core/data.ts
@@ -493,14 +493,6 @@ const danmakuStage = new EDC('div', 'danmakuStage')
 
 // ====================================================================== //
 
-const mouseIdle = (P: Player) => {
-    clearTimeout(P.temp.mouseTimer);
-    P.setData('mouseIdle', false);
-    P.temp.mouseTimer = setTimeout(() => {
-        P.setData('mouseIdle', true);
-    }, 1e3);
-};
-
 const hotkeys = (P: Player, T: KeyboardEvent) => {
     if (T.target === P.container) {
         switch (T.keyCode) {
@@ -623,7 +615,6 @@ export const defaultPlayerMetadata = {
             .children(subtitleStage, danmakuStage),
     ],
     playerEvent: {
-        mousemove: mouseIdle,
         keydown: hotkeys,
     },
 } as PlayerMetadata;
diff --git a/src/core/player.ts b/src/core/player.ts
@@ -126,6 +126,14 @@ export default class Player {
             this.firePlayerEvent(fullscreen ? 'fullscreen' : 'fullscreenexit');
             toggleClass(this.container, 'fullscreen', fullscreen);
         });
+        this.onPlayerEvent('mousemove', () => {
+            clearTimeout(this.temp.mouseTimer);
+            this.setData('mouseIdle', false);
+            this.temp.mouseTimer = setTimeout(() => {
+                this.setData('mouseIdle', true);
+                this.firePlayerEvent('mouseidle');
+            }, 1 * 1000);
+        });
         new ResizeObserver(() => {
             this.video.dispatchEvent(
                 new CustomEvent('resize', {