smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-14 11:51:47 +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

58
src/renderer.ts
View File

@ -13,28 +13,48 @@ import type { PluginConfig } from '@/types/plugins';
import type { YoutubePlayer } from '@/types/youtube-player';
let api: (Element & YoutubePlayer) | null = null;
let isPluginLoaded = false;
let isApiLoaded = false;
let firstDataLoaded = false;
async function listenForApiLoad() {
api = document.querySelector('#movie_player');
if (api) {
await onApiLoaded();
const observer = new MutationObserver(() => {
const playerApi = document.querySelector<Element & YoutubePlayer>('#movie_player');
if (playerApi) {
observer.disconnect();
return;
}
// Inject song-info provider
setupSongInfo(playerApi);
const dataLoadedListener = (name: string) => {
if (!firstDataLoaded && name === 'dataloaded') {
firstDataLoaded = true;
playerApi.removeEventListener('videodatachange', dataLoadedListener);
}
};
playerApi.addEventListener('videodatachange', dataLoadedListener);
const observer = new MutationObserver(() => {
api = document.querySelector('#movie_player');
if (api) {
observer.disconnect();
if (isPluginLoaded && !isApiLoaded) {
api = playerApi;
isApiLoaded = true;
onApiLoaded();
}
});
}
});
observer.observe(document.documentElement, {
childList: true,
subtree: true,
});
observer.observe(document.documentElement, {
childList: true,
subtree: true,
});
async function listenForApiLoad() {
if (!isApiLoaded) {
api = document.querySelector('#movie_player');
if (api) {
await onApiLoaded();
return;
}
}
}
interface YouTubeMusicAppElement extends HTMLElement {
@ -45,9 +65,6 @@ async function onApiLoaded() {
window.ipcRenderer.on('seekTo', (_, t: number) => api!.seekTo(t));
window.ipcRenderer.on('seekBy', (_, t: number) => api!.seekBy(t));
// Inject song-info provider
setupSongInfo(api!);
const video = document.querySelector('video')!;
const audioContext = new AudioContext();
const audioSource = audioContext.createMediaElementSource(video);
@ -59,6 +76,10 @@ async function onApiLoaded() {
}
}
if (firstDataLoaded) {
document.dispatchEvent(new CustomEvent('videodatachange', { detail: { name: 'dataloaded' } }));
}
const audioCanPlayEventDispatcher = () => {
document.dispatchEvent(
new CustomEvent('audioCanPlay', {
@ -128,6 +149,7 @@ async function onApiLoaded() {
(async () => {
await loadAllRendererPlugins();
isPluginLoaded = true;
window.ipcRenderer.on(
'plugin:unload',