storm/bragi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: workaround for web interface eat up too much cpu, mentioned in #166

Browse Source
This commit is contained in:
Terry Geng
2020-06-04 12:02:59 +08:00
parent 9263e647fd
commit ebbacf652e
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
static/js/custom.js
View File

@ -1049,9 +1049,9 @@ function updatePlayerPlayhead(playhead){
setProgressBar(playerBar, player_playhead_position / currentPlayingItem.duration, secondsToStr(player_playhead_position));
if (playing) {
playhead_timer = setInterval(function () {
player_playhead_position += 0.1;
player_playhead_position += 0.3;
setProgressBar(playerBar, player_playhead_position / currentPlayingItem.duration, secondsToStr(player_playhead_position));
}, 100); // delay in milliseconds
}, 300); // delay in milliseconds
}
} else {
if (playing) {
@ -1092,9 +1092,10 @@ function isOverflown(element) {
}
function setProgressBar(bar, progress, text="") {
let prog_pos = (-1 * (1 - progress)*bar.scrollWidth).toString();
let prog_str = (progress*100).toString();
bar.setAttribute("aria-valuenow", prog_str);
bar.style.width = prog_str + "%";
bar.style.transform = "translateX(" + prog_pos + "px)";
bar.textContent = text;
}

8
templates/index.html
View File

@ -454,8 +454,8 @@
</div>
<span id="playerArtist">Artist</span>
<div id="playerBarBox" class="progress">
<div id="playerBar" class="progress-bar" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100"></div>
<div id="playerBar" class="progress-bar pr-2" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width: 100%; text-align:right; transform: translateX(-100%)"></div>
</div>
</div>
</div>
@ -528,8 +528,8 @@
<span class="uploadItemTitle mr-3"></span>
<span class="uploadItemError text-danger"></span>
<div class="progress" style="margin-top: 5px; height: 10px;">
<div class="uploadProgress progress-bar" role="progressbar" aria-valuenow="0"
aria-valuemin="0" aria-valuemax="100"></div>
<div class="uploadProgress progress-bar pr-2" role="progressbar" aria-valuenow="0"
aria-valuemin="0" aria-valuemax="100" style="width: 100%; text-align:right; transform: translateX(-100%)"></div>
</div>
</div>
</div>