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

WIP: global player refactor pt. 2

Browse Source
This commit is contained in:
Yura
2026-02-09 23:39:36 -08:00
parent aea41df214
commit f9fe6a2d11
5 changed files with 32 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,14 +26,12 @@
// Setup MediaSession
if ("mediaSession" in navigator) {
navigator.mediaSession.setActionHandler(
"play",
() => (audioCtx.paused = false),
);
navigator.mediaSession.setActionHandler(
"pause",
() => (audioCtx.paused = true),
);
navigator.mediaSession.setActionHandler("play", () => {
audioCtx.paused = false;
});
navigator.mediaSession.setActionHandler("pause", () => {
audioCtx.paused = true;
});
navigator.mediaSession.setActionHandler("previoustrack", () =>
player.prev(),
);
@@ -117,20 +115,20 @@
</script>
<audio
bind:this={audioEl}
ontimeupdate={onTimeUpdate}
ondurationchange={onDurationChange}
onplay={onPlay}
onpause={onPause}
onended={onEnded}
class="hidden"
/>
bind:this={audioEl}
ontimeupdate={onTimeUpdate}
ondurationchange={onDurationChange}
onplay={onPlay}
onpause={onPause}
onended={onEnded}
class="hidden"
></audio>
<div class="contents">
<div class="lg:hidden">
<PlayerMobile />
</div>
<div class="hidden lg:block h-full">
<PlayerDesktop />
</div>
<div class="lg:hidden">
<PlayerMobile />
</div>
<div class="hidden lg:block h-full">
<PlayerDesktop />
</div>
</div>