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

add delay for sending the new volume (client -> server) to limit packet send rate; only update the slider value when the value has changed

Browse Source
This commit is contained in:
Daniel Gunzinger 2020-04-18 16:46:38 +02:00
parent 788383f65c
commit fa727b6869
1 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
templates/index.html
View File

@ -71,7 +71,7 @@
<input type="range" class="custom-range" id="volume-slider"
min="0" max="1" step="0.01" value="0.5"
onchange="request('post', {action : 'volume_set_value', new_volume : this.value})">
onchange="setVolumeDelayed(this.value)">
</input>
<button type="button" class="btn btn-warning btn-space"
@ -493,6 +493,8 @@
var playlist_range_from = 0;
var playlist_range_to = 0;
var last_volume = 0;
function request(_url, _data, refresh=false){
console.log(_data);
$.ajax({
@ -726,6 +728,8 @@
$("#random-btn").removeClass("btn-primary").addClass("btn-secondary").prop("disabled", false);
$("#autoplay-btn").removeClass("btn-secondary").addClass("btn-primary").prop("disabled", true);
}
if(volume != last_volume) {
last_volume = volume;
if(volume > 1) {
document.getElementById("volume-slider").value = 1;
} else if(volume < 0) {
@ -734,6 +738,7 @@
document.getElementById("volume-slider").value = volume;
}
}
}
function themeInit(){
var theme = localStorage.getItem("theme");
@ -1169,6 +1174,13 @@
updateResults(active_page);
}
var volume_update_timer;
function setVolumeDelayed(new_volume_value) {
window.clearTimeout(volume_update_timer);
volume_update_timer = window.setTimeout(function() {
request('post', {action : 'volume_set_value', new_volume : new_volume_value});
}, 500); // delay in milliseconds
}
themeInit();
updateResults();