CaZzzer/amqtrain
1
0
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

WIP: global player pt. 4 fixed mobile

Browse Source
This commit is contained in:
Yura
2026-02-10 00:01:32 -08:00
parent a4cf9356a8
commit 4fb1d7865f
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/components/player/PlayerRoot.svelte
View File

@@ -78,7 +78,12 @@
if (audioEl) { if (audioEl) {
if (track) { if (track) {
const newSrc = track.src; const newSrc = track.src;
if (audioEl.src !== newSrc) { const currentSrc = audioEl.currentSrc;
// Create absolute URL for comparison if needed, or rely on currentSrc
// audioEl.src sets the attribute, currentSrc is the resolved URL
const newSrcAbsolute = new URL(newSrc, document.baseURI).href;
if (currentSrc !== newSrcAbsolute) {
audioEl.src = newSrc; audioEl.src = newSrc;
audioEl.play().catch((e) => { audioEl.play().catch((e) => {
console.warn("Autoplay blocked or failed", e); console.warn("Autoplay blocked or failed", e);

5
src/routes/+layout.svelte
View File

@@ -43,13 +43,14 @@
</main> </main>
<!-- Desktop sidebar column (in normal flow) --> <!-- Desktop sidebar column (in normal flow) -->
<aside class="hidden lg:block"> <!-- PlayerRoot uses contents to inject its children into this grid -->
<ClientOnly showFallback={false}> <ClientOnly showFallback={false}>
{#snippet children()} {#snippet children()}
<div class="contents">
<PlayerRoot /> <PlayerRoot />
</div>
{/snippet} {/snippet}
</ClientOnly> </ClientOnly>
</aside>
</div> </div>
<!-- Mobile player UI is rendered via a portal from the single GlobalPlayer instance <!-- Mobile player UI is rendered via a portal from the single GlobalPlayer instance