smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-13 11:21:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix an issue with videodatachangefired timing

Browse Source
This commit is contained in:
JellyBrick
2023-11-30 00:45:15 +09:00
parent 4c0cce89ee
commit d78da237fc
5 changed files with 59 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/plugins/disable-autoplay/index.ts
View File

@ -1,5 +1,6 @@
import { createPlugin } from '@/utils';
import type { VideoDataChanged } from '@/types/video-data-changed';
import type { YoutubePlayer } from '@/types/youtube-player';
export type DisableAutoPlayPluginConfig = {
@ -13,7 +14,7 @@ export default createPlugin<
{
config: DisableAutoPlayPluginConfig | null;
api: YoutubePlayer | null;
eventListener: (name: string) => void;
eventListener: (event: CustomEvent<VideoDataChanged>) => void;
timeUpdateListener: (e: Event) => void;
},
DisableAutoPlayPluginConfig
@ -44,12 +45,12 @@ export default createPlugin<
renderer: {
config: null,
api: null,
eventListener(name: string) {
eventListener(event: CustomEvent<VideoDataChanged>) {
if (this.config?.applyOnce) {
this.api?.removeEventListener('videodatachange', this.eventListener);
document.removeEventListener('videodatachange', this.eventListener);
}
if (name === 'dataloaded') {
if (event.detail.name === 'dataloaded') {
this.api?.pauseVideo();
document.querySelector<HTMLVideoElement>('video')?.addEventListener('timeupdate', this.timeUpdateListener, { once: true });
}
@ -65,10 +66,10 @@ export default createPlugin<
onPlayerApiReady(api) {
this.api = api;
api.addEventListener('videodatachange', this.eventListener);
document.addEventListener('videodatachange', this.eventListener);
},
stop() {
this.api?.removeEventListener('videodatachange', this.eventListener);
document.removeEventListener('videodatachange', this.eventListener);
},
onConfigChange(newConfig) {
this.config = newConfig;