-
-
Save WouterG/acf1e901324aed77f466626fb5d6611f to your computer and use it in GitHub Desktop.
// ==UserScript== | |
// @name YouTube Disable Normalization | |
// @namespace http://tampermonkey.net/ | |
// @version 0.1 | |
// @description Allows true 100% volume on youtube videos. | |
// @author Wouter Gerarts | |
// @match https://www.youtube.com/* | |
// @match https://youtube.com/* | |
// @grant none | |
// ==/UserScript== | |
var alwaysEnable = true; | |
(function() { | |
'use strict'; | |
function baseElement() { | |
return document.querySelector('#content'); | |
} | |
if (typeof fullVolumeButtonTaskId === 'number') { | |
console.log('clearing interval'); | |
clearInterval(fullVolumeButtonTaskId); | |
} | |
function createFullVolumeButton() { | |
var el = document.createElement('button'); | |
el.innerText = '100% Volume'; | |
el.classList.add('full-volume-addon-button'); | |
el.onclick = function() { | |
var video = baseElement().querySelector('video'); | |
video.volume = 1; | |
}; | |
return el; | |
} | |
function round (num, sig) { | |
var mult = Math.pow(10, sig); | |
return Math.round(num * mult) / mult; | |
} | |
var fullVolumeButtonTaskId = setInterval(function() { | |
if (baseElement().querySelector('video') === undefined) { | |
console.log('video element not found'); | |
return; | |
} | |
if (baseElement().querySelector('.full-volume-addon-button') != undefined) { | |
console.log('full volume addon button already found'); | |
clearInterval(fullVolumeButtonTaskId); | |
return; | |
} | |
var volumeSlider = baseElement().querySelector('.ytp-volume-slider-handle') | |
if (volumeSlider === undefined || volumeSlider === null) { | |
console.log('volumeSlider not found'); | |
return; | |
} | |
var video = baseElement().querySelector('video'); | |
var volumeSliderLeftStr = volumeSlider.style.left; | |
var volumeSliderLeft = volumeSliderLeftStr.substr(0, volumeSliderLeftStr.length - 2); | |
var volumeSliderValue = parseFloat(volumeSliderLeft) * 2.5; | |
console.log('Checking slider ' + round(volumeSliderValue / 100, 2).toString() + ' against value ' + round(video.volume, 2).toString()); | |
if (alwaysEnable || volumeSliderValue / 100 > video.volume) { | |
var videoTitleElement = baseElement().querySelector('.ytd-video-primary-info-renderer'); | |
videoTitleElement.appendChild(createFullVolumeButton()); | |
} else { | |
console.log('volume slider did not meet criteria for Full Volume button'); | |
} | |
}, 500); | |
})(); |
guys im new to github, how to use this script ?
install the tampermonkey extension then copy this script by clicking on the RAW button at the top to get the entire thing. Add the entire code to tampermonkey as a new script, hard reload youtube (or restart chrome) then you'll find the 100% volume button below the video.
how to make it auto click when page is loaded?
Thnak you, i working on code and make him little more cool, thank you ☻ https://ibb.co/qJ3mv06
Hi is there a way to make it automatic? It sucks having to press the button everytime I go to a video
Hi is there a way to make it automatic? It sucks having to press the button everytime I go to a video
I make a toggle button to auto apply 100% volume.
It's not perfect but you can try it.
https://github.com/OwO-master/YouTube-Disable-Normalization-with-auto-toggle
I added GM_setValue and GM_getValue to store the toggle info, and setInterval to check if the page url is changed.
I don't think this will work with the new 'music destroying" DRC normalization style (which is not really "normalization" but plane dynamics compression).
We are doomed now.
i made disable youtube loudness normalization work on new layout
// ==UserScript==
// @name YouTube Disable Normalization (New Layout)
// @namespace http://tampermonkey.net/
// @version 0.2
// @description Allows true 100% volume on youtube videos.
// @author Wouter Gerarts
// @match https://www.youtube.com/*
// @match https://youtube.com/*
// @grant none
// ==/UserScript==
var alwaysEnable = true;
(function() {
'use strict';
function baseElement() {
return document.querySelector('#content');
}
if (typeof fullVolumeButtonTaskId === 'number') {
console.log('clearing interval');
clearInterval(fullVolumeButtonTaskId);
}
function createFullVolumeButton() {
var el = document.createElement('button');
el.innerText = '100% Volume';
el.classList.add('full-volume-addon-button');
el.onclick = function() {
var video = baseElement().querySelector('video');
video.volume = 1;
};
return el;
}
function round (num, sig) {
var mult = Math.pow(10, sig);
return Math.round(num * mult) / mult;
}
var fullVolumeButtonTaskId = setInterval(function() {
if (baseElement().querySelector('video') === undefined) {
console.log('video element not found');
return;
}
if (baseElement().querySelector('.full-volume-addon-button') != undefined) {
console.log('full volume addon button already found');
clearInterval(fullVolumeButtonTaskId);
return;
}
var volumeSlider = baseElement().querySelector('.ytp-volume-slider-handle')
if (volumeSlider === undefined || volumeSlider === null) {
console.log('volumeSlider not found');
return;
}
var video = baseElement().querySelector('video');
var volumeSliderLeftStr = volumeSlider.style.left;
var volumeSliderLeft = volumeSliderLeftStr.substr(0, volumeSliderLeftStr.length - 2);
var volumeSliderValue = parseFloat(volumeSliderLeft) * 2.5;
console.log('Checking slider ' + round(volumeSliderValue / 100, 2).toString() + ' against value ' + round(video.volume, 2).toString());
if (alwaysEnable || volumeSliderValue / 100 > video.volume) {
// var videoTitleElement = baseElement().querySelector('h1.ytd-watch-metadata.style-scope');
var videoTitleElement = baseElement().querySelector('#description');
videoTitleElement.appendChild(createFullVolumeButton());
} else {
console.log('volume slider did not meet criteria for Full Volume button');
}
}, 500);
})();
version 0.2 only work on new layout, if you still have old layout, use 0.1 version of script
I was going to post this patch for the new UI but looks like @TheBSODAndWSODFan already made a new script. I went with a different selector, but essentially does the same thing
63c63,64
< var videoTitleElement = baseElement().querySelector('.ytd-video-primary-info-renderer');
---
> //var videoTitleElement = baseElement().querySelector('.ytd-video-primary-info-renderer');
> var videoTitleElement = baseElement().querySelector('#title');
None of these are working for me any more and I'm seeing the message "volumeSlider not found" in the console log. Could someone help me out. Thanks
@tigre7575 my version of the script still seems to work, you can give that a try and see if it works for you.
My fork: https://gist.github.com/fa7ad/fa995474f5cb9fe91fb209686881373d
@fa7ad Thanks for the reply. After testing out your version I figured out that this seems to be an issue with Firefox and Youtube most likely, as these scripts still work in Chrome but not in Firefox.
Weird, I'm on Firefox as well. Maybe its the extension you are using to run userscripts? I'm using Violentmonkey, might be worth a shot if you still want to use Firefox
Thanks for sharing that. I created a new blank profile and it works, so my FF profile is just broken which I've seen before.
Any chance of an update? Seems to have just broken for me..
Any chance of an update? Seems to have just broken for me..
I maintain an alternative script which I occasionally update https://gist.github.com/abec2304/2782f4fc47f9d010dfaab00f25e69c8a
guys im new to github, how to use this script ?