diff options
Diffstat (limited to 'app/lyrics.php')
| -rw-r--r-- | app/lyrics.php | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/app/lyrics.php b/app/lyrics.php index fbdca1d..4a7537d 100644 --- a/app/lyrics.php +++ b/app/lyrics.php @@ -59,7 +59,7 @@ </div> <div id="lyrics-unsynced" style="display: none; position: fixed; inset: 16px; overflow: auto;"></div> - <div id="lyrics-synced" style="display: none; position: fixed; left: 16px; right: 16px; top: 0; bottom: 0; z-index: 5;"></div> + <div id="lyrics-synced" style="text-align: center; display: none; position: fixed; left: 16px; right: 16px; top: 0; bottom: 0; z-index: 5;"></div> <div id="lyrics-synced-fade" style="display: none; position: fixed; inset: 0; z-index: 10; background-image: linear-gradient(180deg, rgba(255,0,0,0) 25%, rgba(255,255,255,1) 100%);"></div> </div> @@ -88,6 +88,10 @@ document.getElementById("not-playing").style.display = "none"; if (!window.lyrics[lastID]) { + window.lyricsLoadTimeout = setTimeout(() => { + location.reload(); + }, 10000); + try { window.lyrics[lastID] = await (await fetch("/api/lyrics.php?id=" + lastID)).json() } catch (e) { @@ -97,6 +101,8 @@ } } + clearTimeout(window.lyricsLoadTimeout); + if (window.lyrics[lastID] && window.lyrics[lastID].payload) { if (window.lyrics[lastID].synced) { document.getElementById("lyrics-synced").style.display = ""; |