neale
/
playlist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changes for 2023

This commit is contained in:
Neale Pickett 2023-03-12 19:24:54 -06:00
parent 1e6d95c609
commit 72741a64d1
4 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
2023-a.html
View File

@ -3,7 +3,7 @@
<!-- https://github.com/nealey/playlist -->
<html>
<head>
<title>ROF 2023-A</title>
<title>ROF 2023 17:00</title>
<meta name="viewport" content="width=device-width">
<link href="playlist.css" rel="stylesheet">
<script src="playlist.mjs" type="module"></script>
@ -26,7 +26,7 @@
</datalist>
<div id="currentTime"></div>
<div id="duration"></div>
<div id="remainingTime"></div>
<div id="controls">
<a id="prev">⏮</a>
@ -47,8 +47,8 @@
<li>07 Geantraí.mp3</li>
<li>15 The Sweets of May (Ceili).mp3</li>
<li>Ni Liom Fein - 121.mp3</li>
<li>St Patrick's Day Long -Maria Jones.mp3</li>
<li>--- Maria ---</li>
<li>--- St Patrick's Day---</li>
<li>2-05 Wellerman – Sea Shanty.m4a</li>
<li>01 Boogie Woogie Bugle Boy.m4a</li>
<li>Amsterdam Blues Extra A Original.mp3</li>

6
2023-b.html
View File

@ -3,7 +3,7 @@
<!-- https://github.com/nealey/playlist -->
<html>
<head>
<title>ROF 2023-B</title>
<title>ROF 2023 18:30</title>
<meta name="viewport" content="width=device-width">
<link href="playlist.css" rel="stylesheet">
<script src="playlist.mjs" type="module"></script>
@ -26,7 +26,7 @@
</datalist>
<div id="currentTime"></div>
<div id="duration"></div>
<div id="remainingTime"></div>
<div id="controls">
<a id="prev">⏮</a>
@ -46,7 +46,7 @@
<li>21 Planxty Davis 108.m4a</li>
<li>04 The Jura Wedding Reels.m4a</li>
<li>--- Maria ---</li>
<li>--- St Patrick's Day---</li>
<li>St Patrick's Day Long -Maria Jones.mp3</li>
<li>09 Taylor Bar, 4am _ Ceol Na Mara.m4a</li>
<li>15 The Sweets of May (Ceili).mp3</li>
<li>Ni Liom Fein - 121.mp3</li>

3
playlist.css
View File

@ -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;
}

10
playlist.mjs
View File

@ -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) {