Add durations and LRC files to music page

This commit is contained in:
Joshua Boniface 2024-09-19 00:41:39 -04:00
parent 81437d3315
commit e25df4998f
4 changed files with 2162 additions and 4 deletions

View File

@ -27,6 +27,9 @@ Below is a playlist containing preview audio of all 10 songs, as produced by Mus
name="Into Æther, The Vision, The Library, The Summoning, Thraximundar, Escape, Brooding, The Gathering, Lament, Thraximundar Defeated" name="Into Æther, The Vision, The Library, The Summoning, Thraximundar, Escape, Brooding, The Gathering, Lament, Thraximundar Defeated"
cover="/images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg," cover="/images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg, /images/into-aether-cover-thraximundar-TEMP.jpg,"
url="https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/1%20Into%20Aether.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/2%20The%20Vision.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/3%20The%20Library.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/4%20The%20Summoning.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/5%20Thraximundar.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/6%20Escape.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/7%20Brooding.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/8%20The%20Gathering.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/9%20Lament.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/10%20Thraximundar%20Defeated.mp3" url="https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/1%20Into%20Aether.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/2%20The%20Vision.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/3%20The%20Library.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/4%20The%20Summoning.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/5%20Thraximundar.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/6%20Escape.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/7%20Brooding.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/8%20The%20Gathering.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/9%20Lament.mp3, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/10%20Thraximundar%20Defeated.mp3"
duration="03:07, 01:22, 06:45, 03:58, 05:10, 04:48, 04:27, 08:25, 04:31, 11:16"
lrc-type=3
lrc="https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/1%20Into%20Aether.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/2%20The%20Vision.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/3%20The%20Library.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/4%20The%20Summoning.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/5%20Thraximundar.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/6%20Escape.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/7%20Brooding.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/8%20The%20Gathering.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/9%20Lament.lrc, https://file.bonifacelabs.ca/Public/Into%20Aether/Preview/10%20Thraximundar%20Defeated.lrc"
>}} >}}
{{< /aplayer >}} {{< /aplayer >}}

View File

@ -1,6 +1,6 @@
<!-- require APlayer --> <!-- require APlayer -->
<link rel="stylesheet" href="/css/APlayer.css"> <link rel="stylesheet" href="/css/APlayer.css">
<script src="/js/APlayer.min.js"></script> <script src="/js/APlayer.js"></script>
<div id="aplayer"></div> <div id="aplayer"></div>
@ -72,6 +72,10 @@
url: "{{ index (split ($.Get "url") ",") $i }}", url: "{{ index (split ($.Get "url") ",") $i }}",
{{ with index (split ($.Get "duration") ",") $i }}
duration: "{{ . }}",
{{ end }}
{{ with index (split ($.Get "artist") ",") $i }} {{ with index (split ($.Get "artist") ",") $i }}
artist: "{{ . }}", artist: "{{ . }}",
{{ end }} {{ end }}

View File

@ -424,7 +424,7 @@
} }
.aplayer .aplayer-lrc p { .aplayer .aplayer-lrc p {
font-size: 12px; font-size: 12px;
color: #666; color: #aaa;
line-height: 16px!important; line-height: 16px!important;
height: 16px!important; height: 16px!important;
padding: 0!important; padding: 0!important;
@ -511,12 +511,18 @@
cursor: pointer; cursor: pointer;
} }
.aplayer .aplayer-list ol li .aplayer-list-index { .aplayer .aplayer-list ol li .aplayer-list-index {
color: #666; color: #888;
margin-right: 12px; margin-right: 12px;
cursor: pointer; cursor: pointer;
} }
.aplayer .aplayer-list ol li .aplayer-list-duration {
color: #888;
float: right;
cursor: pointer;
margin-left: 1em;
}
.aplayer .aplayer-list ol li .aplayer-list-author { .aplayer .aplayer-list ol li .aplayer-list-author {
color: #666; color: #888;
float: right; float: right;
cursor: pointer; cursor: pointer;
} }

2145
static/js/APlayer.js Normal file

File diff suppressed because it is too large Load Diff