pen/docent
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

autoplay-retry
All checks were successful
check / frontend (push) Successful in 37s
Details
check / server (push) Successful in 1m3s
Details

Browse source
This commit is contained in:
Pen Anderson 2026-05-27 07:01:46 -05:00
parent 7bb21c245c
commit c09b5f4308
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
web/src/routes/artist/[id]/SidePlayer.svelte
View file

@ -12,6 +12,7 @@
let duration = $state(0);
let loading = $state(false);
let errored = $state(false);
let intent = $state(false);
function toggle() {
if (errored) {
@ -20,9 +21,11 @@
}
if (!audio) return;
if (audio.paused) {
intent = true;
if (audio.readyState < 3) loading = true;
audio.play().catch(() => undefined);
} else {
intent = false;
audio.pause();
}
}
@ -30,6 +33,7 @@
function retry() {
if (!audio) return;
errored = false;
intent = true;
loading = true;
audio.load();
audio.play().catch(() => undefined);
@ -47,7 +51,8 @@
$effect(() => {
if (!autoplay || !audio) return;
audio.play().catch(() => undefined);
intent = true;
audio.play().catch(() => { intent = false; });
});
function fmt(s: number) {
@ -119,7 +124,7 @@
bind:duration
onloadstart={() => { errored = false; }}
oncanplay={() => { loading = false; }}
onwaiting={() => { if (!paused) loading = true; }}
onwaiting={() => { if (intent) loading = true; }}
onplaying={onPlaying}
onerror={() => { loading = false; errored = true; }}
onended={() => { paused = true; }}