Moves episode list under player, auto expands player, auto 1080p (requires CORS), removes some unnecessary stuff, other UI changes.
// ==UserScript==
// @name AniWave QoL
// @namespace https://greasyfork.org/en/users/1262395-grinnch
// @version 1.2
// @description Moves episode list under player, auto expands player, auto 1080p (requires CORS), removes some unnecessary stuff, other UI changes.
// @author grinnch
// @license MIT
// @match https://aniwave.to/*
// @icon https://cdn2.steamgriddb.com/icon_thumb/21b203a02c91d5272135dbbebe6afc00.png
// ==/UserScript==
(async () => {
'use strict';
function waitForElement(selector, baseElement = document.body) {
return new Promise(resolve => {
if (baseElement.querySelector(selector)) {
return resolve(baseElement.querySelector(selector));
}
const observer = new MutationObserver(mutations => {
if (baseElement.querySelector(selector)) {
resolve(baseElement.querySelector(selector));
observer.disconnect();
}
});
observer.observe(baseElement, {
childList: true,
subtree: true
});
});
}
function modifyStyle() {
// Places episode-panel underneath player
let element = document.querySelector('#w-media');
if (element) {
element.style.flexDirection = 'column';
}
let episodesElement = document.querySelector('#w-media #w-episodes');
if (episodesElement) {
episodesElement.style.order = '3';
episodesElement.style.maxWidth = 'unset';
episodesElement.style.marginTop = '10px';
episodesElement.style.marginLeft = '85px';
episodesElement.style.marginRight = '85px';
}
let episodesBodyElement = document.querySelector('#w-media #w-episodes .body .episodes');
if (episodesBodyElement) {
episodesBodyElement.style.position = 'static';
episodesBodyElement.style.maxHeight = '300px';
episodesBodyElement.style.overflowY = 'auto';
}
// Adds padding to player to fit on-screen
let wplayerElement = document.querySelector('#w-media #w-player');
if (wplayerElement) {
wplayerElement.style.marginLeft = '96px';
wplayerElement.style.marginRight = '96px';
}
// Reduces width of player to remove black bars
let playerElement = document.querySelector('#w-media #w-player #player-wrapper #player');
if (playerElement) {
playerElement.style.width = '98%';
playerElement.style.left = '15px';
}
// Reduces width of controls underneath player to align with player
let controlsElement = document.querySelector('#w-media #controls');
if (controlsElement) {
controlsElement.style.width = '98%';
controlsElement.style.left = '15px';
controlsElement.style.position = 'relative';
}
// Adds left-padding to related panel
let sidebarElement = document.querySelector('#watch-main aside.sidebar');
if (sidebarElement) {
sidebarElement.style.marginLeft = '10px';
sidebarElement.style.marginRight = '10px';
}
// Adds left-padding to info
let descriptionElement = document.querySelector('#w-info');
if (descriptionElement) {
descriptionElement.style.marginLeft = '10px';
descriptionElement.style.marginRight = '10px';
}
}
modifyStyle();
// Watches for changes in the element
let observer = new MutationObserver(modifyStyle);
// Starts observing the target element
let target = document.querySelector('#w-media');
if (target) {
observer.observe(target, { attributes: true, childList: true, subtree: true });
}
window.onload = function() {
// Removes built-in ad
var elements = document.getElementsByClassName('mb-4 text-center');
while(elements.length > 0){
while(elements[0].firstChild) {
elements[0].removeChild(elements[0].firstChild);
}
elements[0].classList.remove('mb-4', 'text-center');
}
// Removes sharing
var bsharingElements = document.getElementsByClassName('bsharing mb-4');
while(bsharingElements.length > 0){
while(bsharingElements[0].firstChild) {
bsharingElements[0].removeChild(bsharingElements[0].firstChild);
}
bsharingElements[0].classList.remove('bsharing', 'mb-4');
}
// Auto expands
var expandElement = document.querySelector('.ctrl.expand');
if (expandElement) {
expandElement.click();
}
// Auto selects highest quality (requires CORS)
setTimeout(function() {
let iframe = document.querySelector("#player > iframe");
let command = "jwplayer().setCurrentQuality(1)";
if (iframe) {
iframe.contentWindow.eval(command);
}
}, 3000);
};
})();