smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-13 19:31:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

defensive coding

Browse Source
This commit is contained in:
Araxeus
2021-10-15 05:41:47 +03:00
parent 177ad2ce7c
commit f7a1de05c8
1 changed files with 27 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
plugins/precise-volume/front.js
View File

@ -8,8 +8,6 @@ module.exports = (options) => {
setupPlaybar(options); setupPlaybar(options);
setupSliderObserver(options);
setupLocalArrowShortcuts(options); setupLocalArrowShortcuts(options);
if (options.globalShortcuts?.enabled) { if (options.globalShortcuts?.enabled) {
@ -109,6 +107,10 @@ function firstRun(options) {
/** Add onwheel event to play bar and also track if play bar is hovered*/ /** Add onwheel event to play bar and also track if play bar is hovered*/
function setupPlaybar(options) { function setupPlaybar(options) {
const playerbar = $("ytmusic-player-bar"); const playerbar = $("ytmusic-player-bar");
if (!playerbar) {
setTimeout(setupPlaybar(options), 200);
return;
}
playerbar.addEventListener("wheel", event => { playerbar.addEventListener("wheel", event => {
event.preventDefault(); event.preventDefault();
@ -124,6 +126,29 @@ function setupPlaybar(options) {
playerbar.addEventListener("mouseleave", () => { playerbar.addEventListener("mouseleave", () => {
playerbar.classList.remove("on-hover"); playerbar.classList.remove("on-hover");
}); });
setupSliderObserver(options);
}
/** Save volume + Update the volume tooltip when volume-slider is manually changed */
function setupSliderObserver(options) {
const sliderObserver = new MutationObserver(mutations => {
for (const mutation of mutations) {
// This checks that volume-slider was manually set
if (mutation.oldValue !== mutation.target.value &&
(typeof options.savedVolume !== "number" || Math.abs(options.savedVolume - mutation.target.value) > 4)) {
// Diff>4 means it was manually set
setTooltip(mutation.target.value);
saveVolume(mutation.target.value, options);
}
}
});
// Observing only changes in 'value' of volume-slider
sliderObserver.observe($("#volume-slider"), {
attributeFilter: ["value"],
attributeOldValue: true
});
} }
/** if (toIncrease = false) then volume decrease */ /** if (toIncrease = false) then volume decrease */
@ -194,27 +219,6 @@ function showVolumeSlider() {
}, 3000); }, 3000);
} }
/** Save volume + Update the volume tooltip when volume-slider is manually changed */
function setupSliderObserver(options) {
const sliderObserver = new MutationObserver(mutations => {
for (const mutation of mutations) {
// This checks that volume-slider was manually set
if (mutation.oldValue !== mutation.target.value &&
(typeof options.savedVolume !== "number" || Math.abs(options.savedVolume - mutation.target.value) > 4)) {
// Diff>4 means it was manually set
setTooltip(mutation.target.value);
saveVolume(mutation.target.value, options);
}
}
});
// Observing only changes in 'value' of volume-slider
sliderObserver.observe($("#volume-slider"), {
attributeFilter: ["value"],
attributeOldValue: true
});
}
// Set new volume as tooltip for volume slider and icon + expanding slider (appears when window size is small) // Set new volume as tooltip for volume slider and icon + expanding slider (appears when window size is small)
const tooltipTargets = [ const tooltipTargets = [
"#volume-slider", "#volume-slider",