Agahnim/agahnim.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

miniplayer: fix songs pausing after previous one ends

Browse source
This commit is contained in:
Agahnim 2026-03-23 13:31:52 +01:00
parent 5544379890
commit 5c0a096860
Signed by: Agahnim
SSH key fingerprint: SHA256:Zj65PJnE0dRYye8Ltk/qDglynyXUxJngQ9qqx/VI+b4
1 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

19
static/miniplayer.js
View file

@ -15,6 +15,8 @@ function initMiniPlayer() {
const trackTitleEl = player.querySelector("track-title");
const trackArtistEl = player.querySelector("track-artist");
let isTransitioning = false;
let currentTrackIndex = 0;
let isPlaying = false;
const sources = audio.querySelectorAll("source");
@ -48,13 +50,25 @@ function initMiniPlayer() {
const loadTrack = (index) => {
currentTrackIndex = index;
const wasPlaying = isPlaying || isTransitioning;
isTransitioning = false;
audio.src = tracks[index].src;
audio.currentTime = 0;
progressInput.value = 0;
currentTimeEl.textContent = "00:00";
if (trackTitleEl) trackTitleEl.textContent = tracks[index].title;
if (trackArtistEl) trackArtistEl.textContent = tracks[index].artist;
if (isPlaying) audio.play();
if (wasPlaying) {
audio.addEventListener("loadeddata", () => {
audio.play();
}, { once: true });
}
};
const handlePlayPause = () => {
@ -73,6 +87,7 @@ function initMiniPlayer() {
};
const handleNext = () => {
isTransitioning = true;
const newIndex = currentTrackIndex === tracks.length - 1 ? 0 : currentTrackIndex + 1;
loadTrack(newIndex);
};
@ -111,6 +126,8 @@ function initMiniPlayer() {
audio.addEventListener("pause", () => {
if (isTransitioning) return;
isPlaying = false;
updatePlayState();
});