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

playbackSpeed wheel listener

Browse Source
This commit is contained in:
Araxeus
2021-10-30 14:49:03 +03:00
parent 754eac6ee0
commit 6c1a4c0ac2
1 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
plugins/playback-speed/front.js
View File

@ -5,6 +5,8 @@ function $(selector) { return document.querySelector(selector); }
const slider = ElementFromFile(templatePath(__dirname, "slider.html")); const slider = ElementFromFile(templatePath(__dirname, "slider.html"));
const roundToTwo = (n) => Math.round( n * 1e2 ) / 1e2;
const MIN_PLAYBACK_SPEED = 0.25; const MIN_PLAYBACK_SPEED = 0.25;
const MAX_PLAYBACK_SPEED = 2; const MAX_PLAYBACK_SPEED = 2;
@ -20,7 +22,7 @@ const computePlayBackSpeed = (playbackSpeedPercentage) => {
} }
// Accelerate video by setting a playback speed between 1 and MAX_PLAYBACK_SPEED // Accelerate video by setting a playback speed between 1 and MAX_PLAYBACK_SPEED
return (1 + ((MAX_PLAYBACK_SPEED - 1) / 50) * (playbackSpeedPercentage - 50)).toFixed(2); return roundToTwo(1 + ((MAX_PLAYBACK_SPEED - 1) / 50) * (playbackSpeedPercentage - 50));
}; };
const updatePlayBackSpeed = () => { const updatePlayBackSpeed = () => {
@ -42,13 +44,6 @@ const observePopupContainer = () => {
if (menu && !menu.contains(slider)) { if (menu && !menu.contains(slider)) {
menu.prepend(slider); menu.prepend(slider);
$('#playback-speed-slider').addEventListener("immediate-value-change", () => {
playbackSpeed = computePlayBackSpeed($('#playback-speed-slider #sliderBar').value);
if (isNaN(playbackSpeed)) {
playbackSpeed = 1;
}
updatePlayBackSpeed();
})
} }
}); });
@ -63,6 +58,26 @@ const observeVideo = () => {
$('video').addEventListener('loadeddata', forcePlaybackRate) $('video').addEventListener('loadeddata', forcePlaybackRate)
} }
const setupSliderListeners = () => {
slider.addEventListener('immediate-value-change', () => {
playbackSpeed = computePlayBackSpeed($('#playback-speed-slider #sliderBar').value);
if (isNaN(playbackSpeed)) {
playbackSpeed = 1;
}
updatePlayBackSpeed();
})
slider.addEventListener('wheel', e => {
e.preventDefault();
if (isNaN(playbackSpeed)) {
playbackSpeed = 1;
}
// e.deltaY < 0 means wheel-up 0.01
playbackSpeed = roundToTwo(e.deltaY < 0 ? playbackSpeed + 0.01 : playbackSpeed - 0.01);
updatePlayBackSpeed();
$('#playback-speed-slider').value = playbackSpeed * 50;
})
}
function forcePlaybackRate (e) { function forcePlaybackRate (e) {
if (e.target.playbackRate !== playbackSpeed) { if (e.target.playbackRate !== playbackSpeed) {
e.target.playbackRate = playbackSpeed e.target.playbackRate = playbackSpeed
@ -73,5 +88,6 @@ module.exports = () => {
document.addEventListener('apiLoaded', e => { document.addEventListener('apiLoaded', e => {
observePopupContainer(); observePopupContainer();
observeVideo(); observeVideo();
setupSliderListeners();
}, { once: true, passive: true }) }, { once: true, passive: true })
}; };