// ==UserScript==
// @name Crunchyroll Auto Skip Intro & Fullscreen & Scrolling volume control
// @namespace https://greasyfork.org/en/users/807108-jeremy-r
// @version 3.1
// @description Automatically clicks the Skip Intro button on Crunchyroll.com when available, makes the video fullscreen, and gives volume control by mouse scroll
// @author JRem
// @match https://beta.crunchyroll.com/watch/*
// @match https://static.crunchyroll.com/vilos-v2/web/vilos/player.html
// @grant GM_addStyle
// @license MIT
// ==/UserScript==
// Volume Control via mouse scroll
function triggerKeypress(e){
e.preventDefault()
const keyName = e.deltaY < 0 ? "ArrowUp" : "ArrowDown"
const event = new KeyboardEvent("keydown", {
key: keyName,
bubbles: true,
cancelable: true
});
document.dispatchEvent(event)
}
document.addEventListener('keydown', function(e) {
console.log(e.key + " pressed");
});
document.getElementById("vilos").addEventListener("wheel", triggerKeypress);
// Fullscreen Video Code
window.onload = function(){
setTimeout(function () {
var css1 = '.video-player-wrapper { max-height: calc(100vh - 5.625rem) !important; height: calc(100vh) !important; }';
css1 += '.erc-header { flex: 0 0 1.55rem !important; }';
css1 += '.erc-header .header-content { height: 0 !important; }';
GM_addStyle(css1);
}, 1000);
};
// Backup Fullscreen CSS Edit (Depending on page load will execute before the above)
setTimeout(function () { var css = '.video-player-wrapper { max-height: calc(100vh - 5.625rem) !important; height: calc(100vh) !important; }'; css += '.erc-header { flex: 0 0 1.55rem !important; }'; css += '.erc-header .header-content { height: 0 !important; }'; GM_addStyle(css);}, 5000);
// Functions for Mouse click emulation
function simulate(element, eventName){
var options = extend(defaultOptions, arguments[2] || {});
var oEvent, eventType = null;
for (var name in eventMatchers)
{
if (eventMatchers[name].test(eventName)) { eventType = name; break; }
}
if (!eventType)
throw new SyntaxError('Only HTMLEvents and MouseEvents interfaces are supported');
if (document.createEvent)
{
oEvent = document.createEvent(eventType);
if (eventType == 'HTMLEvents')
{
oEvent.initEvent(eventName, options.bubbles, options.cancelable);
}
else
{
oEvent.initMouseEvent(eventName, options.bubbles, options.cancelable, document.defaultView,
options.button, options.pointerX, options.pointerY, options.pointerX, options.pointerY,
options.ctrlKey, options.altKey, options.shiftKey, options.metaKey, options.button, element);
}
element.dispatchEvent(oEvent);
}
else
{
options.clientX = options.pointerX;
options.clientY = options.pointerY;
var evt = document.createEventObject();
oEvent = extend(evt, options);
element.fireEvent('on' + eventName, oEvent);
}
return element;
};
function extend(destination, source) {
for (var property in source)
destination[property] = source[property];
return destination;
};
var eventMatchers = {
'HTMLEvents': /^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/,
'MouseEvents': /^(?:click|dblclick|mouse(?:down|up|over|move|out))$/
};
var defaultOptions = {
pointerX: 0,
pointerY: 0,
button: 0,
ctrlKey: false,
altKey: false,
shiftKey: false,
metaKey: false,
bubbles: true,
cancelable: true
};
// Check for and click Skip Intro
setInterval(function () {
if(document.querySelector('div[data-testid="skipIntroText"]') !== null) {
simulate(document.querySelector('div[data-testid="skipIntroText"]'), "click");
console.log('Skip Btn Found');
}
}, 1000)