斗鱼纯净版（douyu.com）。只保留直播和弹幕【斗鱼精简版、斗鱼极简版、斗鱼清爽版】；支持按钮切换关闭脚本；支持自动切换最高画质；
// ==UserScript==
// @name 纯净版斗鱼（douyu）
// @namespace https://github.com/ljezio
// @version 4.3.1
// @author ljezio
// @description 斗鱼纯净版（douyu.com）。只保留直播和弹幕【斗鱼精简版、斗鱼极简版、斗鱼清爽版】；支持按钮切换关闭脚本；支持自动切换最高画质；
// @license MIT
// @icon https://www.douyu.com/favicon.ico
// @homepage https://github.com/ljezio/pure-douyu
// @match *://*.douyu.com/0*
// @match *://*.douyu.com/1*
// @match *://*.douyu.com/2*
// @match *://*.douyu.com/3*
// @match *://*.douyu.com/4*
// @match *://*.douyu.com/5*
// @match *://*.douyu.com/6*
// @match *://*.douyu.com/7*
// @match *://*.douyu.com/8*
// @match *://*.douyu.com/9*
// @match *://*.douyu.com/topic/*
// @match *://*.douyu.com/beta/*
// @grant GM_addStyle
// ==/UserScript==
(function () {
'use strict';
const d=new Set;const importCSS = async e=>{d.has(e)||(d.add(e),(t=>{typeof GM_addStyle=="function"?GM_addStyle(t):document.head.appendChild(document.createElement("style")).append(t);})(e));};
const restyleCss = "header,aside,.wm-general,.bc-wrapper,.RechangeJulyPopups,#js-bottom-left,#bc3,#bc3-bgblur,#js-player-dialog,#js-player-above-controller,#js-layout-fixed-buff,[class^=snapbar__],[class^=sidebar__],[class^=title__],[class^=interactive__],[class^=toggle__]{display:none!important}#root,#js-player-main{margin:0!important}[class^=stream__]{bottom:0!important;top:0!important}[class^=case__]{padding:0!important}#js-player-main:before{content:none!important}[class^=player__]:before{padding-top:0!important;padding-bottom:calc(100vh - 16px)!important}";
class SwitchFunction {
#key;
constructor(key) {
this.#key = key;
}
isOn() {
return !localStorage.getItem(this.#key);
}
turnOn() {
localStorage.removeItem(this.#key);
}
turnOff() {
localStorage.setItem(this.#key, "off");
}
}
const scriptSwitch = new SwitchFunction("pure_douyu_switch");
const autoHighestImageSwitch = new SwitchFunction("pure_douyu_auto_highest");
const switchSvg = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20">\n <path\n d="M512.64 0C229.674667 0 0.298667 229.248 0.298667 512s229.376 512 512.384 512c282.965333 0 512.341333-229.248 512.341333-512S795.605333 0 512.64 0z m-37.290667 225.578667a38.528 38.528 0 0 1 77.141334 0v134.741333a38.528 38.528 0 0 1-77.141334 0V225.578667z m38.570667 578.773333a280.405333 280.405333 0 0 1-280.490667-280.277333 280.192 280.192 0 0 1 203.477334-269.312V323.413333a215.04 215.04 0 0 0 76.970666 415.829334 215.210667 215.210667 0 0 0 215.296-215.125334 215.04 215.04 0 0 0-138.282666-200.704V254.72c117.418667 33.493333 203.477333 141.269333 203.477333 269.312a280.362667 280.362667 0 0 1-280.448 280.32z"\n fill="#2C9EFF"/>\n</svg>';
const autoHighestImageSvg = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20">\n <path\n d="M0 0m256 0l512 0q256 0 256 256l0 512q0 256-256 256l-512 0q-256 0-256-256l0-512q0-256 256-256Z"\n fill="#2C9EFF"/>\n <path\n d="M752.4864 802.048a70.144 70.144 0 0 1-3.4816 0.1024H274.9952A70.144 70.144 0 0 1 204.8 731.9552V326.1952A70.2464 70.2464 0 0 1 274.944 256h474.112a68.9664 68.9664 0 0 1 33.0752 8.2432 70.9632 70.9632 0 0 1 27.136 25.856 73.3696 73.3696 0 0 1 7.8336 18.9952 75.1616 75.1616 0 0 1 2.0992 17.1008v405.76a70.3488 70.3488 0 0 1-43.3152 64.8704 74.24 74.24 0 0 1-16.5376 4.5568 69.2736 69.2736 0 0 1-6.8608 0.6656zM342.9888 392.5504a34.4576 34.4576 0 0 0-28.0576 12.4416 34.2016 34.2016 0 0 0-7.7312 21.6576v204.8a34.048 34.048 0 0 0 4.864 17.5616l0.8704 1.4336a34.9184 34.9184 0 0 0 15.36 12.5952 34.4576 34.4576 0 0 0 29.1328-1.4336 38.0928 38.0928 0 0 0 8.0384-5.9904 32.768 32.768 0 0 0 7.9872-12.6464 33.28 33.28 0 0 0 2.048-11.52V563.2h68.2496v68.2496a34.4576 34.4576 0 0 0 12.4416 26.4192 35.2256 35.2256 0 0 0 16.6912 7.3728 36.3008 36.3008 0 0 0 11.6224-0.3072 30.1056 30.1056 0 0 0 7.936-2.6112 39.2704 39.2704 0 0 0 7.0656-4.4544 33.9968 33.9968 0 0 0 12.4928-26.4192v-204.8a33.792 33.792 0 0 0-13.824-27.392 34.0992 34.0992 0 0 0-54.4256 27.392v68.3008H375.4496V426.6496a34.4576 34.4576 0 0 0-12.4416-26.368 34.2528 34.2528 0 0 0-19.968-7.68z m271.4112 0h-41.5232a26.6752 26.6752 0 0 0-26.7264 26.7264V640.2048a22.528 22.528 0 0 0 0.768 5.12 32.768 32.768 0 0 0 2.3552 6.144 28.16 28.16 0 0 0 6.656 8.0896 26.624 26.624 0 0 0 16.896 6.0416H614.4a139.008 139.008 0 0 0 45.9776-7.9872 135.68 135.68 0 0 0 63.6928-47.2064 144.5376 144.5376 0 0 0 13.7728-22.9888 135.9872 135.9872 0 0 0 7.168-97.9968 132.8128 132.8128 0 0 0-17.1008-36.1984 139.008 139.008 0 0 0-32.2048-33.792 133.632 133.632 0 0 0-35.328-18.944A138.24 138.24 0 0 0 614.4 392.6016z m3.3792 204.6976a66.6112 66.6112 0 0 1-3.3792 0.1024V460.8a67.84 67.84 0 0 1 50.6368 22.4256 69.12 69.12 0 0 1 17.3568 39.168 60.7744 60.7744 0 0 1 0 13.3632 66.304 66.304 0 0 1-7.7312 25.4976 67.8912 67.8912 0 0 1-46.9504 34.816 65.4336 65.4336 0 0 1-9.9328 1.1776z"\n fill="#FFFFFF"/>\n</svg>';
function functionButtons() {
const buttonGroup = document.createElement("div");
buttonGroup.style.cssText = "z-index: 999; position: fixed; top: 0; right: 0;";
document.body.appendChild(buttonGroup);
const switchButton = document.createElement("button");
switchButton.title = scriptSwitch.isOn() ? "关闭脚本" : "启用脚本";
switchButton.innerHTML = switchSvg;
switchButton.onclick = () => {
if (scriptSwitch.isOn()) {
scriptSwitch.turnOff();
} else {
scriptSwitch.turnOn();
}
location.reload();
};
buttonGroup.appendChild(switchButton);
if (scriptSwitch.isOn()) {
const autoHighestImageButton = document.createElement("button");
autoHighestImageButton.title = autoHighestImageSwitch.isOn() ? "关闭自动切换最高画质" : "开启自动切换最高画质";
autoHighestImageButton.innerHTML = autoHighestImageSvg;
autoHighestImageButton.onclick = () => {
if (autoHighestImageSwitch.isOn()) {
autoHighestImageButton.title = "开启自动切换最高画质";
autoHighestImageSwitch.turnOff();
} else {
autoHighestImageButton.title = "关闭自动切换最高画质";
autoHighestImageSwitch.turnOn();
}
};
buttonGroup.appendChild(autoHighestImageButton);
}
[...buttonGroup.children].forEach((button) => {
button.style.cssText = "display: block; cursor: pointer; opacity: 0.5; transition: opacity 0.3s ease;";
button.onmouseover = () => button.style.opacity = "1";
button.onmouseout = () => button.style.opacity = "0.5";
});
return buttonGroup;
}
function avoidSmallWindow() {
const observer = new MutationObserver(() => {
document.querySelector("#js-player-video-widgets .roomSmallPlayerFloatLayout-closeBtn")?.click();
observer.disconnect();
});
observer.observe(document.querySelector("#js-player-video-case"), {
attributes: true,
attributeFilter: ["class", "style"]
});
}
function autoFullWindow() {
return new Promise((resolve) => {
const fullWindowInterval = setInterval(() => {
if (!controlBar.fullWindow()) return;
setTimeout(() => {
document.querySelector('#js-player-main [class^="toggle__"] button')?.click();
}, 10);
clearInterval(fullWindowInterval);
resolve();
}, 300);
});
}
function autoHighestImage() {
if (!autoHighestImageSwitch.isOn()) return;
let times = 0;
const highestImageInterval = setInterval(() => {
if (times++ >= 10) {
clearInterval(highestImageInterval);
return;
}
const highestImageButton = document.querySelector('#js-player-controlbar [class^="tipItem-"]:nth-child(2) li:first-child');
if (!highestImageButton) return;
setTimeout(() => {
if (!highestImageButton.className.startsWith("selected-")) {
highestImageButton.click();
}
}, 5e3);
clearInterval(highestImageInterval);
}, 1e3);
}
function dbClick(buttonGroup) {
document.body.ondblclick = (event) => {
event.stopPropagation();
if (!document.fullscreenElement) {
controlBar.fullScreen();
} else {
document.exitFullscreen().then();
}
};
document.onfullscreenchange = () => {
if (!document.fullscreenElement) {
setTimeout(() => controlBar.fullWindow(), 0);
buttonGroup.style.display = "block";
} else {
buttonGroup.style.display = "none";
}
};
}
const controlBar = {
fullWindow() {
return this._clickControlButton(2);
},
fullScreen() {
return this._clickControlButton(1);
},
_clickControlButton(nthLast) {
const parent = "#js-player-controlbar";
const nth = `:nth-last-child(${nthLast})`;
const button = document.querySelector(`${parent} [class^="right-"] > ${nth}, ${parent} [class^="right__"] > ${nth}`);
if (!button) return false;
button.click();
return true;
}
};
window.onload = async () => {
const buttonGroup = functionButtons();
if (!scriptSwitch.isOn()) return;
importCSS(restyleCss);
avoidSmallWindow();
autoFullWindow().then(() => autoHighestImage());
dbClick(buttonGroup);
};
})();