// ==UserScript==
// @name bs.to and vivo enhancer
// @author xtrars
// @description Wechselt automatisch zum Vivo-Tab auf bs.to und öffnet Vivo. Wahlweise wird die Video-URL kopiert und der Tab geschlossen oder das Video startet automatisch. Wenn aktiviert, startet das nächste Video, sobald ein Vivo-Video beendet wurde.
// @description:en Automatically switches to the Vivo tab on bs.to and opens Vivo. Optionally copies the video url and closes the tab or starts the video automatically. If enabled, the next video starts as soon as a vivo video is finished.
// @include https://bs.to/*
// @include https://*.vivo.sx/*
// @include https://*.vivo.st/*
// @include https://vivo.sx/*
// @include https://vivo.st/*
// @version 2.10
// @run-at document-start
// @license CC BY 4.0
// @namespace https://greasyforks.org/users/140785
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_setClipboard
// @grant GM_addValueChangeListener
// @grant GM_removeValueChangeListener
// ==/UserScript==
class SiteHandler {
isVivoTab() {
let sVivoStr = '/Vivo';
return document['location']['href'].search(sVivoStr) !== -1;
}
hasAnotherHoster() {
let hosterRegex = /^https:\/\/bs.to\/.*[0-9]{1,2}\/[0-9]{1,2}\-.*\/[a-z]*\/(?!Vivo).*/g;
return document['location']['href'].search(hosterRegex) !== -1;
}
isEpisode() {
let serieRegex = /[0-9]{1,2}\/[0-9]{1,2}\-/g;
let bsRegex = /^(https:\/\/bs.to)/g;
return document['location']['href'].search(bsRegex) !== -1 && document['location']['href'].search(serieRegex) !== -1;
}
isVivo() {
let vivoRegex = /^https:\/\/vivo.[a-z]{2,3}\//g;
return document['location']['href'].search(vivoRegex) !== -1 && document.getElementsByTagName('video') && document.getElementsByTagName('video')[document.getElementsByTagName('video').length -1]
}
isReady() {
return new Promise(result => {
window.addEventListener('load', function() {
result(true);
});
});
}
// thanks to xZaheer (https://greasyforks.org/de/scripts/400669-burningseries-autoplay/code)
waitForElement(selector) {
return new Promise(async resolve => {
if (document.querySelector(selector)) {
return resolve(document.querySelector(selector));
}
const observer = new MutationObserver(mutations => {
if (document.querySelector(selector)) {
resolve(document.querySelector(selector));
observer.disconnect();
}
});
let waitForElementInterval = setInterval(() => {
if(document.body) {
observer.observe(document.body, {
childList: true,
subtree: true,
});
clearInterval(waitForElementInterval);
}
}, 20);
});
}
async clickPlay() {
let playerElem = await this.waitForElement('section.serie .hoster-player').catch(() => {});
let iNumberOfClicks = 0;
let clickInterval = setInterval(() => {
if(playerElem) {
if (document.querySelector('section.serie .hoster-player > a') || iNumberOfClicks > 120) {
clearInterval(clickInterval);
}
iNumberOfClicks++;
let clickEvent = new Event('click');
clickEvent.which = 1;
clickEvent.pageX = 1;
clickEvent.pageY = 1;
playerElem.dispatchEvent(clickEvent);
}
}, 500);
}
playNextEpisodeIfVideoEnded(bSetEvent = true) {
if(!bSetEvent) {
GM_removeValueChangeListener('isLocalVideoEnded');
GM_setValue('isLocalVideoEnded', false);
return;
}
GM_addValueChangeListener('isLocalVideoEnded', () => {
if (GM_getValue('isLocalVideoEnded')) {
GM_setValue('isLocalVideoEnded', false);
document['location'].replace(document.querySelector('.serie .frame ul li[class^="e"].active + li a').href);
}
});
}
buildButton() {
const style = document.createElement('style');
style.innerHTML = `
:root {
--inner-pl: 14px;
--inner-bc-before: #2FB536;
--inner-bc-after: #12A6F6;
--color: white;
}
@keyframes shake {
10%, 90% {transform: translate3d(-.5px, 0, 0);}
20%, 80% {transform: translate3d(1px, 0, 0);}
30%, 50%, 70% {transform: translate3d(-2px, 0, 0);}
40%, 60% {transform: translate3d(2px, 0, 0);}
}
.onoffswitch {
position: relative; width: 350px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.onoffswitch-label {
width: 350px;
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid transparent;
border-radius: 20px;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-switch {
display: block;
width: 23px; margin: 3.5px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 314px;
border: 2px solid #999999;
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
#xtrars-btn {
position: absolute;
bottom: 70px;
right: 18px;
background: #12a6f6;
border-radius: 50%;
width: 70px;
height: 70px;
line-height: 81px;
text-align: center;
cursor: pointer;
animation: shake 1s ease 1s 1 normal;
}
#xtrars-btn:hover {
cursor: auto;
}
#xtrars-menu {
right: 0;
}
#xtrars-btn-icon {
color: var(--color);
}
.onoffswitch-inner.autoplay:before {
padding-left: var(--inner-pl);
background-color: var(--inner-bc-before);
color: var(--color);
text-align: start;
content: "Vivo Autoplay aktiviert";
}
.onoffswitch-inner.autoplay:after {
padding-right: var(--inner-pl);
background-color: var(--inner-bc-after);
color: var(--color);
text-align: end;
content: "Video-URL wird in die Zwischenablage kopiert";
}
.onoffswitch-inner.auto-next-episode:before {
padding-left: var(--inner-pl);
background-color: var(--inner-bc-before);
color: var(--color);
text-align: start;
content: "Nächste Folge wird automatisch abgespielt";
}
.onoffswitch-inner.auto-next-episode:after {
padding-right: var(--inner-pl);
background-color: var(--inner-bc-after);
color: var(--color);
text-align: end;
content: "Nächste Folge wird manuell abgespielt";
}
.onoffswitch-inner.enable-enhancer:before {
padding-left: var(--inner-pl);
background-color: var(--inner-bc-before);
color: var(--color);
text-align: start;
content: "bs.to and vivo enhancer aktiviert";
}
.onoffswitch-inner.enable-enhancer:after {
padding-right: var(--inner-pl);
background-color: var(--inner-bc-after);
color: var(--color);
text-align: end;
content: "bs.to and vivo enhancer deaktiviert";
}
`;
document.head.appendChild(style);
const button = document.createElement("div");
button['innerHTML'] = '<div id="xtrars-btn">' +
'<i id="xtrars-btn-icon" class="fas fa-cogs fa-2x"></i>' +
'</div>';
button['style'] = 'position: relative; height: 0;'
document.getElementsByClassName('infos')[0].appendChild(button);
const menu = document.createElement("div");
menu['innerHTML'] = '<div class="onoffswitch"><input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox xtrars-onoffswitch"><label class="onoffswitch-label" for="xtrars-onoffswitch"><span class="onoffswitch-inner enable-enhancer"></span><span class="onoffswitch-switch"></span></label></div>' +
'<div class="onoffswitch"><input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox xtrars-onoffswitch"><label class="onoffswitch-label" for="xtrars-onoffswitch"><span class="onoffswitch-inner auto-next-episode"></span><span class="onoffswitch-switch"></span></label></div>' +
'<div class="onoffswitch"><input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox xtrars-onoffswitch"><label class="onoffswitch-label" for="xtrars-onoffswitch"><span class="onoffswitch-inner autoplay"></span><span class="onoffswitch-switch"></span></label></div>';
menu['style'] = 'display: none;';
menu['id'] = 'xtrars-menu';
document.getElementById('xtrars-btn').appendChild(menu);
this.initEvents();
}
initEvents() {
let button = document.getElementById('xtrars-btn');
let menu = document.getElementById('xtrars-menu');
let activateEnhancer = document.querySelectorAll('.xtrars-onoffswitch + label')[0]
let autoplayNextEpisode = document.querySelectorAll('.xtrars-onoffswitch + label')[1]
let autoplayVivoVideo = document.querySelectorAll('.xtrars-onoffswitch + label')[2];
activateEnhancer.previousSibling.checked = GM_getValue('bActivateEnhancer');
autoplayNextEpisode.previousSibling.checked = GM_getValue('bAutoplayNextEpisode');
autoplayVivoVideo.previousSibling.checked = GM_getValue('bAutoplayVivoVideo');
if(!GM_getValue('bActivateEnhancer')) {
this.hideAutoplayNextEpisode(autoplayNextEpisode);
}
if(!GM_getValue('bActivateEnhancer') || GM_getValue('bAutoplayNextEpisode')) {
this.manageAutoplayVivoVideoButton(activateEnhancer, autoplayNextEpisode, autoplayVivoVideo);
}
button.addEventListener('mouseover', () => {
menu['style'] = 'display: block; position: absolute; bottom: 0; line-height: normal;'
document.getElementById('xtrars-btn')['style'] = 'background: transparent; border-radius: 0; width: 350px; right: -130px; height: 108px; bottom: 50px;';
document.getElementById('xtrars-btn-icon')['style'] = 'color: transparent;';
});
button.addEventListener('mouseleave', () => {
menu['style'] = 'display: none;';
document.getElementById('xtrars-btn')['style'] = '';
document.getElementById('xtrars-btn-icon')['style'] = '';
});
activateEnhancer.addEventListener('click', () => {
activateEnhancer.previousSibling.checked = !activateEnhancer.previousSibling.checked;
GM_setValue('bActivateEnhancer', activateEnhancer.previousSibling.checked);
if (!activateEnhancer.previousSibling.checked) {
this.hideAutoplayVivoVideo(autoplayVivoVideo);
this.hideAutoplayNextEpisode(autoplayNextEpisode);
} else {
autoplayVivoVideo['style'] = '';
autoplayNextEpisode['style'] = '';
this.manageAutoplayVivoVideoButton(activateEnhancer, autoplayNextEpisode, autoplayVivoVideo);
}
});
autoplayNextEpisode.addEventListener('click', () => {
autoplayNextEpisode.previousSibling.checked = !autoplayNextEpisode.previousSibling.checked;
GM_setValue('bAutoplayNextEpisode', autoplayNextEpisode.previousSibling.checked);
this.manageAutoplayVivoVideoButton(activateEnhancer, autoplayNextEpisode, autoplayVivoVideo);
});
autoplayVivoVideo.addEventListener('click', () => {
if (!GM_getValue('bAutoplayNextEpisode')) {
autoplayVivoVideo.previousSibling.checked = !autoplayVivoVideo.previousSibling.checked;
GM_setValue('bAutoplayVivoVideo', autoplayVivoVideo.previousSibling.checked);
}
});
}
hideAutoplayNextEpisode(autoplayNextEpisode) {
this.playNextEpisodeIfVideoEnded(false);
autoplayNextEpisode['style'] = 'visibility:hidden;';
}
hideAutoplayVivoVideo(autoplayVivoVideo) {
this.playNextEpisodeIfVideoEnded();
autoplayVivoVideo['style'] = 'visibility:hidden;';
}
manageAutoplayVivoVideoButton(activateEnhancer, autoplayNextEpisode, autoplayVivoVideo) {
if (autoplayNextEpisode.previousSibling.checked || !activateEnhancer.previousSibling.checked) {
this.hideAutoplayVivoVideo(autoplayVivoVideo);
} else {
autoplayVivoVideo['style'] = '';
autoplayVivoVideo.querySelectorAll('span')['style'] = '';
this.playNextEpisodeIfVideoEnded(false);
}
}
initGMVariables() {
if (typeof GM_getValue('bActivateEnhancer') === "undefined") {
GM_setValue('bActivateEnhancer', true);
}
if (typeof GM_getValue('bAutoplayNextEpisode') === "undefined") {
GM_setValue('bAutoplayNextEpisode', true);
}
if (typeof GM_getValue('bAutoplayVivoVideo') === "undefined") {
GM_setValue('bAutoplayVivoVideo', true);
}
}
applyShortcuts(videoElement) {
document.addEventListener('keydown', function(e) {
if (!e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
switch(e.keyCode){
case 37: // Left
e.preventDefault();
videoElement.currentTime-=10;
break;
case 38: // Up
e.preventDefault();
if (videoElement.volume < 0.9) {
videoElement.volume+=0.1;
}
break;
case 39: // Right
e.preventDefault();
videoElement.currentTime+=10;
break;
case 40: // Down
e.preventDefault();
if (videoElement.volume > 0.1) {
videoElement.volume-=0.1;
}
break;
case 70: // F
if (!document.fullscreenElement) {
videoElement.requestFullscreen().catch(() => {
video.style.width = "100%";
video.style.height = "100%";
document.body.style.margin = "0px";
});
} else {
document.exitFullscreen();
}
break;
case 75: // K
if(videoElement.paused) {
videoElement.play();
}
else {
videoElement.pause();
}
break;
}
}
});
}
}
(async function() {
'use strict';
let siteHandler = new SiteHandler();
siteHandler.initGMVariables();
if (siteHandler.isEpisode()) {
if (GM_getValue('bActivateEnhancer') && !siteHandler.hasAnotherHoster() && !siteHandler.isVivoTab()) {
document['location'].replace(document['location']['href'] + '/Vivo');
}
await siteHandler.waitForElement('.infos').catch(() => {});
siteHandler.buildButton();
if (GM_getValue('bActivateEnhancer') && !siteHandler.hasAnotherHoster() && siteHandler.isVivoTab()) {
if (GM_getValue('bAutoplayNextEpisode')) {
siteHandler.playNextEpisodeIfVideoEnded();
}
if(GM_getValue('bActivateEnhancer')){
siteHandler.clickPlay();
}
}
}
if (GM_getValue('bActivateEnhancer') && await siteHandler.isReady().catch(() => {}) && siteHandler.isVivo()) {
// thanks to Wissidi dom (https://greasyforks.org/de/scripts/28779-zu-vivo-video-navigieren/code)
let sSrc = document.getElementsByTagName('video')[document.getElementsByTagName('video').length -1]['currentSrc'];
if (GM_getValue('bAutoplayVivoVideo') || GM_getValue('bAutoplayNextEpisode')) {
window['location'].replace(sSrc);
} else {
await navigator.clipboard.writeText(sSrc).catch(() => {});
// if the first method doesn't work
GM_setClipboard(sSrc);
window.close();
}
}
// is native video player
if (GM_getValue('bActivateEnhancer')) {
let video;
if (video = await siteHandler.waitForElement('html > head + body > video').catch(() => {})) {
siteHandler.applyShortcuts(video);
GM_setValue('isLocalVideoEnded', false);
video.requestFullscreen().catch(() => {
video.style.width = "100%";
video.style.height = "100%";
document.body.style.margin = "0px";
});
video.onended = () => {
GM_setValue('isLocalVideoEnded', true);
window.close();
}
}
}
})();
