diff --git a/2023-b.html b/2023-b.html
index eb7b5b6..52b54e0 100644
--- a/2023-b.html
+++ b/2023-b.html
@@ -3,7 +3,7 @@
-
⏮
@@ -46,7 +46,7 @@
21 Planxty Davis 108.m4a
04 The Jura Wedding Reels.m4a
--- Maria ---
-
--- St Patrick's Day---
+
St Patrick's Day Long -Maria Jones.mp3
09 Taylor Bar, 4am _ Ceol Na Mara.m4a
15 The Sweets of May (Ceili).mp3
Ni Liom Fein - 121.mp3
diff --git a/playlist.css b/playlist.css
index 9b42b5f..44cc31a 100644
--- a/playlist.css
+++ b/playlist.css
@@ -19,7 +19,7 @@ audio {
font-family: "Roboto", "Droid Sans Mono", monospace;
}
-#duration {
+#remainingTime {
clear: both;
background-color: #001;
float: right;
@@ -36,6 +36,7 @@ audio {
}
#playlist {
+ font-size: 150%;
width: auto;
}
diff --git a/playlist.mjs b/playlist.mjs
index dc64bd7..37dd79a 100644
--- a/playlist.mjs
+++ b/playlist.mjs
@@ -215,17 +215,19 @@ function volumechange(e) {
function timeupdate() {
let currentTime = playlist.CurrentTime() * Second
let duration = playlist.Duration() * Second
- let tgt = document.querySelector("#currentTime")
+ let cur = document.querySelector("#currentTime")
+ let remain = document.querySelector("#remainingTime")
let pos = document.querySelector("#pos")
pos.value = currentTime / duration
- tgt.textContent = mmss(currentTime)
+ cur.textContent = mmss(currentTime)
if (duration - currentTime < 20 * Second) {
- tgt.classList.add("fin")
+ cur.classList.add("fin")
} else {
- tgt.classList.remove("fin")
+ cur.classList.remove("fin")
}
+ remain.textContent = mmss(duration - currentTime)
}
function setPos(e) {