1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Fixed all 3 volume sliders behavior

Now updates when dragging
This commit is contained in:
Sparky 2019-02-02 13:40:25 -05:00
parent 8a868f9109
commit f948541e68
3 changed files with 18 additions and 0 deletions

View file

@ -392,6 +392,7 @@ define(['require', 'datetime', 'itemHelper', 'events', 'browser', 'imageLoader',
var showMuteButton = true; var showMuteButton = true;
var showVolumeSlider = true; var showVolumeSlider = true;
var progressElement = volumeSliderContainer.querySelector('.mdl-slider-background-lower');
if (supportedCommands.indexOf('ToggleMute') === -1) { if (supportedCommands.indexOf('ToggleMute') === -1) {
showMuteButton = false; showMuteButton = false;
@ -403,6 +404,10 @@ define(['require', 'datetime', 'itemHelper', 'events', 'browser', 'imageLoader',
muteButton.querySelector('i').innerHTML = ''; muteButton.querySelector('i').innerHTML = '';
} }
if (progressElement) {
progressElement.style.width = (volumeLevel || 0) + '%';
}
if (supportedCommands.indexOf('SetVolume') === -1) { if (supportedCommands.indexOf('SetVolume') === -1) {
showVolumeSlider = false; showVolumeSlider = false;
} }

View file

@ -272,6 +272,8 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
var supportedCommands = currentPlayerSupportedCommands; var supportedCommands = currentPlayerSupportedCommands;
var showMuteButton = true; var showMuteButton = true;
var showVolumeSlider = true; var showVolumeSlider = true;
var volumeSlider = view.querySelector('.nowPlayingVolumeSliderContainer');
var progressElement = volumeSlider.querySelector('.mdl-slider-background-lower');
if (-1 === supportedCommands.indexOf("Mute")) { if (-1 === supportedCommands.indexOf("Mute")) {
showMuteButton = false; showMuteButton = false;
@ -294,6 +296,10 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
view.querySelector(".buttonMute i").innerHTML = ""; view.querySelector(".buttonMute i").innerHTML = "";
} }
if (progressElement) {
progressElement.style.width = (volumeLevel || 0) + '%';
}
if (showMuteButton) { if (showMuteButton) {
view.querySelector(".buttonMute").classList.remove("hide"); view.querySelector(".buttonMute").classList.remove("hide");
} else { } else {

View file

@ -814,6 +814,9 @@ define(["playbackManager", "dom", "inputmanager", "datetime", "itemHelper", "med
var supportedCommands = currentPlayerSupportedCommands; var supportedCommands = currentPlayerSupportedCommands;
var showMuteButton = true; var showMuteButton = true;
var showVolumeSlider = true; var showVolumeSlider = true;
var volumeSlider = view.querySelector('.osdVolumeSliderContainer');
var progressElement = volumeSlider.querySelector('.mdl-slider-background-lower');
if (-1 === supportedCommands.indexOf("Mute")) { if (-1 === supportedCommands.indexOf("Mute")) {
showMuteButton = false; showMuteButton = false;
@ -836,6 +839,10 @@ define(["playbackManager", "dom", "inputmanager", "datetime", "itemHelper", "med
view.querySelector(".buttonMute i").innerHTML = ""; view.querySelector(".buttonMute i").innerHTML = "";
} }
if (progressElement) {
progressElement.style.width = (volumeLevel || 0) + '%';
}
if (showMuteButton) { if (showMuteButton) {
view.querySelector(".buttonMute").classList.remove("hide"); view.querySelector(".buttonMute").classList.remove("hide");
} else { } else {