diff options
| author | kaotisk <kaotisk@arching-kaos.org> | 2024-10-13 19:22:22 +0300 |
|---|---|---|
| committer | kaotisk <kaotisk@arching-kaos.org> | 2024-10-13 19:22:22 +0300 |
| commit | b8866f1b2877ded4a582e63aa7f2110ca2bb620e (patch) | |
| tree | 15ce0d3dfdcb85100db3671596481261281cc4df /client/index.html | |
| parent | dfaa831adfebbd4ab904636f1065bf2cff642f24 (diff) | |
| download | arching-kaos-radio-b8866f1b2877ded4a582e63aa7f2110ca2bb620e.tar.gz arching-kaos-radio-b8866f1b2877ded4a582e63aa7f2110ca2bb620e.tar.bz2 arching-kaos-radio-b8866f1b2877ded4a582e63aa7f2110ca2bb620e.zip | |
Fixed a bug where nothing would happen after playlist playback, added download progress bar
Diffstat (limited to 'client/index.html')
| -rw-r--r-- | client/index.html | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/client/index.html b/client/index.html index 661f081..3f5c809 100644 --- a/client/index.html +++ b/client/index.html @@ -24,8 +24,13 @@ in sync! </p> <div style="display: flex; flex-direction: row; align-items: center; gap: 3px;"> + <p>Download progress:</p> + <progress class="dl-progress" max="100" style="width: 100%;"></progress> + </div> + <div style="display: flex; flex-direction: row; align-items: center; gap: 3px;"> <button onclick="sync_radio()">Sync!</button> - <progress style="width: 100%;"></progress> + <p>Live progress:</p> + <progress class="play-progress" style="width: 100%;"></progress> </div> <div style="display:flex; flex-direction:row; align-items: center; gap: 3px; justify-content: space-around;"> <p>Listening at:</p> @@ -36,9 +41,7 @@ <pre class="show-duration"></pre> </div> <div class="radio-player"> - <audio preload="auto" controls muted style="width: 100%;"> - <!-- <source src=""/> --> - </audio> + <audio preload="auto" controls muted style="width: 100%;"></audio> </div> </div> <div> |