Automatically sets Gfycat video to HD mode
Per
// ==UserScript==
// @name Gfycat AutoHD
// @author Invertex
// @supportURL https://github.com/Invertex/Gfycat-AutoHD
// @version 1.2
// @description Automatically sets Gfycat video to HD mode
// @match https://gfycat.com/*
// @match https://*.gfycat.com/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @grant none
// @run-at document-start
// @namespace https://greasyfork.org/users/137547
// ==/UserScript==
const thumbsStr = 'thumbs.gfycat.com';
const giantStr = 'giant.gfycat.com';
const mobileStr = '-mobile.';
const settingsButtonClass = ".settings-button";
(function()
{
var url = window.location.href;
if (url.includes(thumbsStr))
{
setHDURL(url);
}
else
{
waitForKeyElements(settingsButtonClass, changeSettings);
}
})();
function setHDURL(url)
{
url = url.replace(thumbsStr, giantStr);
if(url.includes(mobileStr))
{
url = url.replace(mobileStr, '.');
}
window.location = url;
};
function changeSettings(settingsButton)
{
if(settingsButton)
{
//In case some webpage uses same class name for something, check for data-tooltip to reduce any chance of false positive
if(settingsButton.attr("data-tooltip") === "Quality")
{
settingsButton.click();
waitForKeyElements('.progress-control', customizeProgressBar, true);
}
}
};
function customizeProgressBar(progressBar)
{
if(progressBar)
{
progressBar.attr('style', "height:2.4mm; background-color: hsla(0,0%,100%,.1);");
progressBar.find('.hover-progress').attr('style', "background-color: hsla(0,0%,100%,.2);");
progressBar.find('.play-progress').attr('style', "background-image: linear-gradient(90deg,rgba(58,168,255,0.3),rgba(36,117,255,0.3));");
}
};
//Had to directly include waitForKeyElements.js since Greasyfork hasn't approved the include...
//Following function by https://gist.github.com/BrockA
function waitForKeyElements (
selectorTxt, /* Required: The jQuery selector string that
specifies the desired element(s).
*/
actionFunction, /* Required: The code to run when elements are
found. It is passed a jNode to the matched
element.
*/
bWaitOnce, /* Optional: If false, will continue to scan for
new elements even after the first match is
found.
*/
iframeSelector /* Optional: If set, identifies the iframe to
search.
*/
) {
var targetNodes, btargetsFound;
if (typeof iframeSelector == "undefined")
targetNodes = $(selectorTxt);
else
targetNodes = $(iframeSelector).contents ()
.find (selectorTxt);
if (targetNodes && targetNodes.length > 0) {
btargetsFound = true;
/*--- Found target node(s). Go through each and act if they
are new.
*/
targetNodes.each ( function () {
var jThis = $(this);
var alreadyFound = jThis.data ('alreadyFound') || false;
if (!alreadyFound) {
//--- Call the payload function.
var cancelFound = actionFunction (jThis);
if (cancelFound)
btargetsFound = false;
else
jThis.data ('alreadyFound', true);
}
} );
}
else {
btargetsFound = false;
}
//--- Get the timer-control variable for this selector.
var controlObj = waitForKeyElements.controlObj || {};
var controlKey = selectorTxt.replace (/[^\w]/g, "_");
var timeControl = controlObj [controlKey];
//--- Now set or clear the timer as appropriate.
if (btargetsFound && bWaitOnce && timeControl) {
//--- The only condition where we need to clear the timer.
clearInterval (timeControl);
delete controlObj [controlKey]
}
else {
//--- Set a timer, if needed.
if ( ! timeControl) {
timeControl = setInterval ( function () {
waitForKeyElements ( selectorTxt,
actionFunction,
bWaitOnce,
iframeSelector
);
},
300
);
controlObj [controlKey] = timeControl;
}
}
waitForKeyElements.controlObj = controlObj;
}