smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-16 20:52:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(exponential-volume): migration to TypeScript

Browse Source
This commit is contained in:
JellyBrick
2023-09-03 16:55:21 +09:00
parent d30755e5fa
commit 1f52995dc4
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
plugins/exponential-volume/front.js → plugins/exponential-volume/front.ts
View File

@ -1,4 +1,4 @@
// "Youtube Music fix volume ratio 0.4" by Marco Pfeiffer // "YouTube Music fix volume ratio 0.4" by Marco Pfeiffer
// https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/ // https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/
const exponentialVolume = () => { const exponentialVolume = () => {
@ -7,40 +7,39 @@ const exponentialVolume = () => {
// 0.05 (or 5%) is the lowest you can select in the UI which with an exponent of 3 becomes 0.000125 or 0.0125% // 0.05 (or 5%) is the lowest you can select in the UI which with an exponent of 3 becomes 0.000125 or 0.0125%
const EXPONENT = 3; const EXPONENT = 3;
const storedOriginalVolumes = new WeakMap(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
const { get, set } = Object.getOwnPropertyDescriptor( const storedOriginalVolumes = new WeakMap<any, number>();
const propertyDescriptor = Object.getOwnPropertyDescriptor(
HTMLMediaElement.prototype, HTMLMediaElement.prototype,
'volume', 'volume',
); );
Object.defineProperty(HTMLMediaElement.prototype, 'volume', { Object.defineProperty(HTMLMediaElement.prototype, 'volume', {
get() { get() {
const lowVolume = get.call(this); const lowVolume = propertyDescriptor?.get?.call(this) as number ?? 0;
const calculatedOriginalVolume = lowVolume ** (1 / EXPONENT); const calculatedOriginalVolume = lowVolume ** (1 / EXPONENT);
// The calculated value has some accuracy issues which can lead to problems for implementations that expect exact values. // The calculated value has some accuracy issues which can lead to problems for implementations that expect exact values.
// To avoid this, I'll store the unmodified volume to return it when read here. // To avoid this, I'll store the unmodified volume to return it when read here.
// This mostly solves the issue, but the initial read has no stored value and the volume can also change though external influences. // This mostly solves the issue, but the initial read has no stored value and the volume can also change though external influences.
// To avoid ill effects, I check if the stored volume is somewhere in the same range as the calculated volume. // To avoid ill effects, I check if the stored volume is somewhere in the same range as the calculated volume.
const storedOriginalVolume = storedOriginalVolumes.get(this); const storedOriginalVolume = storedOriginalVolumes.get(this) ?? 0;
const storedDeviation = Math.abs( const storedDeviation = Math.abs(
storedOriginalVolume - calculatedOriginalVolume, storedOriginalVolume - calculatedOriginalVolume,
); );
const originalVolume return storedDeviation < 0.01
= storedDeviation < 0.01
? storedOriginalVolume ? storedOriginalVolume
: calculatedOriginalVolume; : calculatedOriginalVolume;
return originalVolume;
}, },
set(originalVolume) { set(originalVolume: number) {
const lowVolume = originalVolume ** EXPONENT; const lowVolume = originalVolume ** EXPONENT;
storedOriginalVolumes.set(this, originalVolume); storedOriginalVolumes.set(this, originalVolume);
set.call(this, lowVolume); propertyDescriptor?.set?.call(this, lowVolume);
}, },
}); });
}; };
module.exports = () => export default () =>
document.addEventListener('apiLoaded', exponentialVolume, { document.addEventListener('apiLoaded', exponentialVolume, {
once: true, once: true,
passive: true, passive: true,