fix: 修复视频播放器快进后 ESC 无法关闭的问题

This commit is contained in:
tigerenwork 2026-08-15 14:44:37 +08:00
parent 6fd0c6e7f6
commit 326c66f0e2
1 changed files with 16 additions and 6 deletions

View File

@ -1,4 +1,4 @@
import { Component, HostListener, OnInit } from '@angular/core';
import { Component, OnDestroy, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable, distinctUntilChanged, map } from 'rxjs';
@ -17,7 +17,7 @@ export type DownloadTab = 'downloading' | 'queued' | 'completed';
styleUrls: ['./app.component.sass'],
standalone: false
})
export class AppComponent implements OnInit {
export class AppComponent implements OnInit, OnDestroy {
formats: Format[] = Formats;
qualities: Quality[];
themes: Theme[] = Themes;
@ -128,6 +128,15 @@ export class AppComponent implements OnInit {
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
if (this.activeTheme.id === 'auto') this.setTheme(this.activeTheme);
});
// Listen in the capture phase so Escape closes the player even when the
// native video controls (shadow DOM) hold focus after seeking and would
// otherwise swallow the keydown before it bubbles to the document.
document.addEventListener('keydown', this.onPlayerKeydown, true);
}
ngOnDestroy(): void {
document.removeEventListener('keydown', this.onPlayerKeydown, true);
}
// ---------- Navigation ----------
@ -169,10 +178,11 @@ export class AppComponent implements OnInit {
this.playerTitle = '';
}
@HostListener('document:keydown.escape')
onEscape(): void {
if (this.playerUrl) this.closePlayer();
}
private onPlayerKeydown = (event: KeyboardEvent): void => {
if (event.key === 'Escape' && this.playerUrl) {
this.closePlayer();
}
};
// ---------- Library (媒体库) ----------