哔哩哔哩（bilibili.com）播放页调整

1.自动定位到播放器（进入播放页，可自动定位到播放器，可设置偏移量及是否在点击主播放器时定位）；2.可设置是否自动选择最高画质；3.可设置播放器默认模式；
目前為 2022-09-30 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name              哔哩哔哩（bilibili.com）播放页调整
// @license           GPL-3.0 License
// @namespace         https://gf.qytechs.cn/zh-CN/scripts/415804-bilibili%E6%92%AD%E6%94%BE%E9%A1%B5%E8%B0%83%E6%95%B4-%E8%87%AA%E7%94%A8
// @version           0.9.1
// @description       1.自动定位到播放器（进入播放页，可自动定位到播放器，可设置偏移量及是否在点击主播放器时定位）；2.可设置是否自动选择最高画质；3.可设置播放器默认模式；
// @author            QIAN
// @match             *://*.bilibili.com/video/*
// @match             *://*.bilibili.com/bangumi/play/*
// @require           https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
// @require           https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js
// @resource          swalStyle https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css
// @grant             GM_setValue
// @grant             GM_getValue
// @grant             GM_registerMenuCommand
// @grant             GM_getResourceText
// @grant             GM.info
// @supportURL        https://github.com/QIUZAIYOU/Bilibili-VideoPage-Adjustment
// @homepageURL       https://github.com/QIUZAIYOU/Bilibili-VideoPage-Adjustment
// @icon              https://www.bilibili.com/favicon.ico?v=1
// ==/UserScript==
$(function() {
    console.time("播放页调整：总用时");
    const utils = {
        getValue(name) {
            return GM_getValue(name);
        },
        setValue(name, value) {
            GM_setValue(name, value);
        },
        sleep(time) {
            return new Promise(resolve => setTimeout(resolve, time));
        },
        addStyle(id, tag, css) {
            tag = tag || "style";
            const doc = document;
            const styleDom = doc.getElementById(id);
            if (styleDom) return;
            const style = doc.createElement(tag);
            style.rel = "stylesheet";
            style.id = id;
            tag === "style" ? style.innerHTML = css : style.href = css;
            document.head.appendChild(style);
        },
        waitElement(selector, times, interval, flag = true) {
            var _times = times || -1, _interval = interval || 500, _selector = selector, _iIntervalID, _flag = flag;
            return new Promise(function(resolve, reject) {
                _iIntervalID = setInterval(() => {
                    if (!_times) {
                        clearInterval(_iIntervalID);
                        reject();
                    }
                    _times <= 0 || _times--;
                    var _self = $(_selector);
                    if (_flag && _self.length || !_flag && !_self.length) {
                        clearInterval(_iIntervalID);
                        resolve(_iIntervalID);
                    }
                }, _interval);
            });
        },
        waitSameValue(selector, attr, value, times, interval, flag = true) {
            var _times = times || -1, _interval = interval || 500, _selector = selector, _iIntervalID, _flag = flag;
            return new Promise(function(resolve, reject) {
                _iIntervalID = setInterval(() => {
                    if (!_times) {
                        clearInterval(_iIntervalID);
                        reject();
                    }
                    _times <= 0 || _times--;
                    var _self = $(_selector).attr(attr);
                    if (_flag && _self === value || !_flag && _self !== value) {
                        clearInterval(_iIntervalID);
                        resolve(_iIntervalID);
                    }
                }, _interval);
            });
        },
        getClientHeight() {
            var clientHeight = 0;
            if (document.body.clientHeight && document.documentElement.clientHeight) {
                var clientHeight = document.body.clientHeight < document.documentElement.clientHeight ? document.body.clientHeight : document.documentElement.clientHeight;
            } else {
                var clientHeight = document.body.clientHeight > document.documentElement.clientHeight ? document.body.clientHeight : document.documentElement.clientHeight;
            }
            return clientHeight;
        },
        historyListener() {
            class Dep {
                constructor(name) {
                    this.id = new Date();
                    this.subs = [];
                }
                defined() {
                    Dep.watch.add(this);
                }
                notify() {
                    this.subs.forEach((e, i) => {
                        if (typeof e.update === "function") {
                            try {
                                e.update.apply(e);
                            } catch (err) {
                                console.warr(err);
                            }
                        }
                    });
                }
            }
            Dep.watch = null;
            class Watch {
                constructor(name, fn) {
                    this.name = name;
                    this.id = new Date();
                    this.callBack = fn;
                }
                add(dep) {
                    dep.subs.push(this);
                }
                update() {
                    var cb = this.callBack;
                    cb(this.name);
                }
            }
            var addHistoryMethod = function() {
                var historyDep = new Dep();
                return function(name) {
                    if (name === "historychange") {
                        return function(name, fn) {
                            var event = new Watch(name, fn);
                            Dep.watch = event;
                            historyDep.defined();
                            Dep.watch = null;
                        };
                    } else if (name === "pushState" || name === "replaceState") {
                        var method = history[name];
                        return function() {
                            method.apply(history, arguments);
                            historyDep.notify();
                        };
                    }
                };
            }();
            window.addHistoryListener = addHistoryMethod("historychange");
            history.pushState = addHistoryMethod("pushState");
            history.replaceState = addHistoryMethod("replaceState");
            window.addHistoryListener("history", function() {
                main.autoLocation();
            });
        },
        documentHidden() {
            var hidden = "hidden";
            if (hidden in document) document.addEventListener("visibilitychange", onchange); else if ((hidden = "mozHidden") in document) document.addEventListener("mozvisibilitychange", onchange); else if ((hidden = "webkitHidden") in document) document.addEventListener("webkitvisibilitychange", onchange); else if ((hidden = "msHidden") in document) document.addEventListener("msvisibilitychange", onchange); else if ("onfocusin" in document) document.onfocusin = document.onfocusout = onchange; else window.onpageshow = window.onpagehide = window.onfocus = window.onblur = onchange;
            function onchange(evt) {
                var v = "visible", h = "hidden", evtMap = {
                    focus: v,
                    focusin: v,
                    pageshow: v,
                    blur: h,
                    focusout: h,
                    pagehide: h
                };
                evt = evt || window.event;
                if (evt.type in evtMap) {
                    return evtMap[evt.type] === "hidden" ? true : false;
                } else {
                    return this[hidden];
                }
            }
            if (document[hidden] !== undefined) return document[hidden];
        }
    };
    const main = {
        initValue() {
            const value = [ {
                name: "player_type",
                value: "video"
            }, {
                name: "offset_top",
                value: 7
            }, {
                name: "player_offset_top",
                value: 160
            }, {
                name: "is_vip",
                value: false
            }, {
                name: "click_player_auto_locate",
                value: true
            }, {
                name: "current_screen_mod",
                value: "normal"
            }, {
                name: "selected_screen_mod",
                value: "wide"
            }, {
                name: "auto_select_video_highest_quality",
                value: true
            }, {
                name: "contain_quality_4k",
                value: false
            }, {
                name: "webfull_unlock",
                value: false
            } ];
            value.forEach(v => {
                if (utils.getValue(v.name) === undefined) {
                    utils.setValue(v.name, v.value);
                }
            });
        },
        getCurrentPlayerTypeAndScreenMod() {
            utils.setValue("current_screen_mod", "normal");
            const currentUrl = window.location.href;
            if (currentUrl.includes("www.bilibili.com/video")) {
                utils.setValue("player_type", "video");
            }
            if (currentUrl.includes("www.bilibili.com/bangumi/play")) {
                utils.setValue("player_type", "bangumi");
            }
            const playerSelecter = ".bpx-player-container";
            utils.waitElement(playerSelecter, 10, 100).then(() => {
                const playerDataScreen = $(".bpx-player-container").attr("data-screen") || null;
                const screenModObserver = new MutationObserver(function(mutations) {
                    mutations.forEach(function(mutation) {
                        if ([ null, "null", "normal" ].includes(playerDataScreen)) {
                            utils.setValue("current_screen_mod", "normal");
                        }
                        if (playerDataScreen === "wide") {
                            utils.setValue("current_screen_mod", "wide");
                        }
                        if (playerDataScreen === "web") {
                            utils.setValue("current_screen_mod", "web");
                        }
                    });
                });
                screenModObserver.observe($(playerSelecter)[0], {
                    attributes: true
                });
            }).catch(() => {
                console.log("播放页调整：未找到播放器");
            });
        },
        showInformation() {
            console.group(GM.info.script.name);
            console.log(" author：" + GM.info.script.author, "\n", "player_type: " + utils.getValue("player_type"), "\n", "offset_top: " + utils.getValue("offset_top"), "\n", "player_offset_top: " + utils.getValue("player_offset_top"), "\n", "is_vip: " + utils.getValue("is_vip"), "\n", "click_player_auto_locate: " + utils.getValue("click_player_auto_locate"), "\n", "current_screen_mod: " + utils.getValue("current_screen_mod"), "\n", "selected_screen_mod: " + utils.getValue("selected_screen_mod"), "\n", "auto_select_video_highest_quality: " + utils.getValue("auto_select_video_highest_quality"), "\n", "webfull_unlock: " + utils.getValue("webfull_unlock"));
            console.groupEnd(GM.info.script.name);
        },
        autoSelectScreenMod() {
            const playerSelecter = ".bpx-player-container";
            const player_type = utils.getValue("player_type");
            const selected_screen_mod = utils.getValue("selected_screen_mod");
            let current_screen_mod = utils.getValue("current_screen_mod");
            const checkDocumentHidden = setInterval(async () => {
                if (await !utils.documentHidden()) {
                    clearInterval(checkDocumentHidden);
                    utils.waitElement(playerSelecter, 10, 100).then(() => {
                        let startTime = new Date().getTime();
                        console.log("播放页调整：播放器已找到，开始监控");
                        const screenModObserver = new MutationObserver(function(mutations) {
                            mutations.forEach(async function(mutation) {
                                let playerDataScreen = $(playerSelecter).attr("data-screen") || null;
                                if (player_type === "video") {
                                    if (selected_screen_mod === "normal" && current_screen_mod === "normal" && playerDataScreen === "normal") {
                                        screenModObserver.disconnect();
                                        console.log("播放页调整：小屏切换成功，停止监控");
                                        utils.setValue("current_screen_mod", "normal");
                                        main.autoLocation();
                                        main.fixStyle();
                                        main.insertLocateButton();
                                    }
                                    if (selected_screen_mod === "normal" && current_screen_mod !== "normal" && playerDataScreen === "wide") {
                                        screenModObserver.disconnect();
                                        console.log("播放页调整：小屏切换成功，停止监控");
                                        $(".bpx-player-ctrl-wide-leave").click();
                                        utils.setValue("current_screen_mod", "normal");
                                        main.autoLocation();
                                        main.fixStyle();
                                        main.insertLocateButton();
                                    }
                                    if (selected_screen_mod === "normal" && current_screen_mod !== "normal" && playerDataScreen === "web") {
                                        screenModObserver.disconnect();
                                        console.log("播放页调整：小屏切换成功，停止监控");
                                        $(".bpx-player-ctrl-web-leave").click();
                                        utils.setValue("current_screen_mod", "normal");
                                        main.autoLocation();
                                        main.fixStyle();
                                        main.insertLocateButton();
                                    }
                                    if (selected_screen_mod === "wide" && current_screen_mod !== "wide" && playerDataScreen !== "wide") {
                                        $(".bpx-player-ctrl-wide-enter").click();
                                        utils.waitSameValue(playerSelecter, "data-screen", "wide", 100, 10).then(async () => {
                                            playerDataScreen = $(playerSelecter).attr("data-screen");
                                            if (selected_screen_mod === playerDataScreen) {
                                                console.log("播放页调整：宽屏切换成功，停止监控");
                                                utils.setValue("current_screen_mod", "wide");
                                                screenModObserver.disconnect();
                                                main.autoSelectVideoHightestQuality();
                                                main.autoCancelMute();
                                                await utils.sleep(1e3);
                                                main.autoLocation();
                                                main.fixStyle();
                                                main.insertLocateButton();
                                            }
                                        }).catch(async () => {
                                            console.log("播放页调整：宽屏切换失败，尝试重试");
                                            $(".bpx-player-ctrl-wide-enter").click();
                                            playerDataScreen = $(playerSelecter).attr("data-screen");
                                            if (selected_screen_mod === playerDataScreen) {
                                                console.log("播放页调整：宽屏切换成功，停止监控");
                                                utils.setValue("current_screen_mod", "wide");
                                                screenModObserver.disconnect();
                                                main.autoSelectVideoHightestQuality();
                                                main.autoCancelMute();
                                                await utils.sleep(1e3);
                                                main.autoLocation();
                                                main.fixStyle();
                                                main.insertLocateButton();
                                            } else {
                                                $(".bpx-player-ctrl-wide-enter").click();
                                            }
                                        });
                                    }
                                    if (selected_screen_mod === "web" && current_screen_mod !== "web" && playerDataScreen !== "web") {
                                        $(".bpx-player-ctrl-web-enter").click();
                                        utils.waitSameValue(playerSelecter, "data-screen", "web", 100, 10).then(async () => {
                                            playerDataScreen = $(playerSelecter).attr("data-screen");
                                            if (selected_screen_mod === playerDataScreen) {
                                                console.log("播放页调整：网页全屏切换成功，停止监控");
                                                utils.setValue("current_screen_mod", "web");
                                                screenModObserver.disconnect();
                                                main.autoSelectVideoHightestQuality();
                                                main.autoCancelMute();
                                                main.insertLocateButton();
                                                const webfull_unlock = utils.getValue("webfull_unlock");
                                                if (webfull_unlock) {
                                                    await utils.sleep(2e3);
                                                    const clientHeight = utils.getClientHeight();
                                                    $("body.webscreen-fix").css({
                                                        "padding-top": clientHeight,
                                                        position: "unset"
                                                    });
                                                    $("#bilibili-player.mode-webscreen").css({
                                                        height: clientHeight,
                                                        position: "absolute"
                                                    });
                                                    $("#app").prepend($("#bilibili-player.mode-webscreen"));
                                                    $("#playerWrap").remove();
                                                    console.log("播放页调整：网页全屏解锁成功");
                                                }
                                            }
                                        }).catch(() => {
                                            console.log("播放页调整：网页全屏切换失败，尝试重试");
                                            $(".bpx-player-ctrl-web-enter").click();
                                            playerDataScreen = $(playerSelecter).attr("data-screen");
                                            if (selected_screen_mod === playerDataScreen) {
                                                console.log("播放页调整：网页全屏切换成功，停止监控");
                                                utils.setValue("current_screen_mod", "web");
                                                screenModObserver.disconnect();
                                                main.autoSelectVideoHightestQuality();
                                                main.autoCancelMute();
                                                main.insertLocateButton();
                                            } else {
                                                $(".bpx-player-ctrl-web-enter").click();
                                            }
                                        });
                                    }
                                }
                                if (player_type === "bangumi") {
                                    if (selected_screen_mod === "normal" && current_screen_mod === "normal" && playerDataScreen === "normal") {
                                        screenModObserver.disconnect();
                                        console.log("播放页调整：小屏切换成功，停止监控");
                                        utils.setValue("current_screen_mod", "normal");
                                        main.autoLocation();
                                        main.fixStyle();
                                        main.insertLocateButton();
                                    }
                                    if (selected_screen_mod === "normal" && current_screen_mod !== "normal" && playerDataScreen === "wide") {
                                        screenModObserver.disconnect();
                                        console.log("播放页调整：小屏切换成功，停止监控");
                                        $(".squirtle-wide-active").click();
                                        utils.setValue("current_screen_mod", "normal");
                                        main.autoLocation();
                                        main.fixStyle();
                                        main.insertLocateButton();
                                    }
                                    if (selected_screen_mod === "normal" && current_screen_mod !== "normal" && playerDataScreen === "web") {
                                        screenModObserver.disconnect();
                                        console.log("播放页调整：小屏切换成功，停止监控");
                                        $(".squirtle-pagefullscreen-active").click();
                                        utils.setValue("current_screen_mod", "normal");
                                        main.autoLocation();
                                        main.fixStyle();
                                        main.insertLocateButton();
                                    }
                                    if (selected_screen_mod === "wide" && current_screen_mod !== "wide" && playerDataScreen !== "wide") {
                                        $(".squirtle-widescreen-inactive").click();
                                        utils.waitSameValue(playerSelecter, "data-screen", "wide", 100, 10).then(async () => {
                                            playerDataScreen = $(playerSelecter).attr("data-screen");
                                            if (selected_screen_mod === playerDataScreen) {
                                                console.log("播放页调整：宽屏切换成功，停止监控");
                                                utils.setValue("current_screen_mod", "wide");
                                                screenModObserver.disconnect();
                                                main.autoSelectVideoHightestQuality();
                                                main.autoCancelMute();
                                                await utils.sleep(1e3);
                                                main.autoLocation();
                                                main.fixStyle();
                                                main.insertLocateButton();
                                            }
                                        }).catch(async () => {
                                            console.log("播放页调整：宽屏切换失败，尝试重试");
                                            $(".squirtle-widescreen-inactive").click();
                                            playerDataScreen = $(playerSelecter).attr("data-screen");
                                            if (selected_screen_mod === playerDataScreen) {
                                                console.log("播放页调整：宽屏切换成功，停止监控");
                                                utils.setValue("current_screen_mod", "wide");
                                                screenModObserver.disconnect();
                                                main.autoSelectVideoHightestQuality();
                                                main.autoCancelMute();
                                                await utils.sleep(1e3);
                                                main.autoLocation();
                                                main.fixStyle();
                                                main.insertLocateButton();
                                            } else {
                                                $(".squirtle-widescreen-inactive").click();
                                            }
                                        });
                                    }
                                    if (selected_screen_mod === "web" && current_screen_mod !== "web" && playerDataScreen !== "web") {
                                        $(".squirtle-pagefullscreen-inactive").click();
                                        utils.waitSameValue(playerSelecter, "data-screen", "web", 100, 10).then(async () => {
                                            playerDataScreen = $(playerSelecter).attr("data-screen");
                                            if (selected_screen_mod === playerDataScreen) {
                                                console.log("播放页调整：网页全屏切换成功，停止监控");
                                                utils.setValue("current_screen_mod", "web");
                                                screenModObserver.disconnect();
                                                main.autoSelectVideoHightestQuality();
                                                main.autoCancelMute();
                                                main.insertLocateButton();
                                                // const webfull_unlock = utils.getValue("webfull_unlock");
                                                // if (webfull_unlock) {
                                                //     await utils.sleep(2e3);
                                                //     const clientHeight = utils.getClientHeight();
                                                //     $("body.player-fullscreen-fix").css({
                                                //         "padding-top": clientHeight,
                                                //         position: "unset"
                                                //     });
                                                //     $("#bilibili-player.full-screen").css({
                                                //         height: clientHeight,
                                                //         position: "absolute"
                                                //     });
                                                //     $("#app").prepend($("#bilibili-player.full-screen"));
                                                //     $("#player_module").remove();
                                                //     console.log("播放页调整：网页全屏解锁成功");
                                                // }
                                            }
                                        }).catch(() => {
                                            console.log("播放页调整：网页全屏切换失败，尝试重试");
                                            $(".squirtle-pagefullscreen-inactive").click();
                                            playerDataScreen = $(playerSelecter).attr("data-screen");
                                            if (selected_screen_mod === playerDataScreen) {
                                                console.log("播放页调整：网页全屏切换成功，停止监控");
                                                utils.setValue("current_screen_mod", "web");
                                                screenModObserver.disconnect();
                                                main.autoSelectVideoHightestQuality();
                                                main.autoCancelMute();
                                                main.insertLocateButton();
                                            } else {
                                                $(".squirtle-pagefullscreen-inactive").click();
                                            }
                                        });
                                    }
                                }
                            });
                        });
                        screenModObserver.observe($(playerSelecter)[0], {
                            attributes: true,
                            attributeOldValue: true,
                            attributeFilter: [ "data-screen" ]
                        });
                        $(playerSelecter).attr("data-screen", "normal");
                    }).catch(() => {
                        console.log("播放页调整：播放器模式切换失败");
                    });
                } else {
                    console.log("播放页调整：当前标签未激活，正在重试");
                }
            }, 100);
        },
        autoSelectVideoHightestQuality() {
            const videoPlayerSelecter = ".bpx-player-ctrl-quality";
            const bangumiPlayerSelecter = ".squirtle-quality-wrap";
            const player_type = utils.getValue("player_type");
            const is_vip = utils.getValue("is_vip");
            const contain_quality_4k = utils.getValue("contain_quality_4k");
            const auto_select_video_highest_quality = utils.getValue("auto_select_video_highest_quality");
            if (auto_select_video_highest_quality) {
                if (is_vip) {
                    if (player_type === "video") {
                        utils.waitElement(videoPlayerSelecter, 10, 100).then(() => {
                            if (contain_quality_4k) {
                                $(".bpx-player-ctrl-quality > ul > li").eq(0).click();
                                console.log("播放页调整：VIP最高画质（包含4K）切换成功");
                                main.fixStyle();
                            } else {
                                const qualityValue = $(".bpx-player-ctrl-quality > ul > li").filter(function() {
                                    return !$(this).children("span.bpx-player-ctrl-quality-text").text().includes("4K");
                                });
                                qualityValue.eq(0).click();
                                console.log("播放页调整：VIP最高画质（不包含4K）切换成功");
                                main.fixStyle();
                            }
                        }).catch(() => {
                            console.log("播放页调整：VIP最高画质切换失败");
                        });
                    }
                    if (player_type === "bangumi") {
                        utils.waitElement(bangumiPlayerSelecter, 10, 100).then(() => {
                            if (contain_quality_4k) {
                                $(".squirtle-quality-wrap >.squirtle-video-quality > ul > li").eq(0).click();
                                console.log("播放页调整：VIP最高画质（包含4K）切换成功");
                                main.fixStyle();
                            } else {
                                const qualityValue = $(".squirtle-quality-wrap > .squirtle-video-quality > ul > li").filter(function() {
                                    return !$(this).children(".squirtle-quality-text-c").children(".squirtle-quality-text").text().includes("4K");
                                });
                                qualityValue.eq(0).click();
                                console.log("播放页调整：VIP最高画质（不包含4K）切换成功");
                                main.fixStyle();
                            }
                        }).catch(() => {
                            console.log("播放页调整：VIP最高画质切换失败");
                        });
                    }
                } else {
                    if (player_type === "video") {
                        utils.waitElement(videoPlayerSelecter, 10, 100).then(() => {
                            const selectVipItemLength = $(".bpx-player-ctrl-quality > ul > li").children(".bpx-player-ctrl-quality-badge-bigvip").length;
                            $(".bpx-player-ctrl-quality > ul > li").eq(selectVipItemLength).click();
                            console.log("播放页调整：非VIP最高画质切换成功");
                            main.fixStyle();
                        }).catch(() => {
                            console.log("播放页调整：非VIP最高画质切换失败");
                        });
                    }
                    if (player_type === "bangumi") {
                        utils.waitElement(bangumiPlayerSelecter, 10, 100).then(() => {
                            const selectVipItemLength = $(".squirtle-quality-wrap >.squirtle-video-quality > ul > li").children(".squirtle-bigvip").length;
                            $(".squirtle-quality-wrap >.squirtle-video-quality > ul > li").eq(selectVipItemLength).click();
                            console.log("播放页调整：非VIP最高画质切换成功");
                            main.fixStyle();
                        }).catch(() => {
                            console.log("播放页调整：非VIP最高画质切换失败");
                        });
                    }
                }
            }
        },
        autoCancelMute() {
            const player_type = utils.getValue("player_type");
            if (player_type === "video") {
                const cancelMuteButtn = $(".bpx-player-ctrl-muted-icon");
                const cancelMuteButtnDisplay = cancelMuteButtn.css("display");
                if (cancelMuteButtnDisplay === "block") {
                    cancelMuteButtn.click();
                    console.log("播放页调整：已自动取消静音");
                }
            }
            if (player_type === "bangumi") {
                const cancelMuteButtn = $(".squirtle-volume-wrap .squirtle-volume .squirtle-volume-icon");
                const cancelMuteButtnClass = cancelMuteButtn.attr("class");
                if (cancelMuteButtnClass.includes("squirtle-volume-mute-state")) {
                    cancelMuteButtn.click();
                    console.log("播放页调整：已自动取消静音");
                }
            }
        },
        autoLocation() {
            const selected_screen_mod = utils.getValue("selected_screen_mod");
            const click_player_auto_locate = utils.getValue("click_player_auto_locate");
            if (selected_screen_mod !== "web") {
                const offset_top = utils.getValue("offset_top");
                const player_type = utils.getValue("player_type");
                let player_offset_top;
                if (player_type === "video") {
                    player_offset_top = $("#playerWrap").offset().top;
                    utils.setValue("player_offset_top", player_offset_top);
                }
                if (player_type === "bangumi") {
                    player_offset_top = $("#player_module").offset().top;
                    utils.setValue("player_offset_top", player_offset_top);
                }
                $("html,body").scrollTop(player_offset_top - offset_top);
                const checkAutoLocationStatus = setInterval(() => {
                    const document_scroll_top = $(document).scrollTop();
                    const success = document_scroll_top === player_offset_top - offset_top;
                    if (success) {
                        clearInterval(checkAutoLocationStatus);
                        console.log("播放页调整：自动定位成功");
                    } else {
                        console.log("播放页调整：自动定位失败，继续尝试", "\n", "-----------------", "\n", "当前文档顶部偏移量：" + document_scroll_top, "\n", "期望文档顶部偏移量：" + (player_offset_top - offset_top), "\n", "播放器顶部偏移量：" + player_offset_top, "\n", "设置偏移量：" + offset_top);
                        $("html,body").scrollTop(player_offset_top - offset_top);
                    }
                }, 100);
                if (click_player_auto_locate) {
                    $("#bilibili-player").on("click", function() {
                        $("html,body").scrollTop(player_offset_top - offset_top);
                    });
                }
            } else {
                $("html,body").scrollTop(0);
                if (click_player_auto_locate) {
                    $("#bilibili-player").on("click", function() {
                        $("html,body").scrollTop(0);
                    });
                }
            }
        },
        fixStyle() {
            $("body").css("overflow", "unset");
            $("#viewbox_report").attr("style", "height:106px!important");
            $(".wide-members").attr("style", "height: 99px; overflow: hidden; padding: 10px; box-sizing: border-box;margin-top: -18px;");
            main.playerApplyedStatus();
        },
        insertLocateButton() {
            const player_type = utils.getValue("player_type");
            const playerDataScreen = $(".bpx-player-container").attr("data-screen");
            if (player_type === "video") {
                const locateButtonHtml = `<div class="item locate" title="定位至播放器">\n        <svg t="1643419779790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" width="200" height="200" style="width: 50%;height: 100%;fill: currentColor;"><path d="M512 352c-88.008 0-160.002 72-160.002 160 0 88.008 71.994 160 160.002 160 88.01 0 159.998-71.992 159.998-160 0-88-71.988-160-159.998-160z m381.876 117.334c-19.21-177.062-162.148-320-339.21-339.198V64h-85.332v66.134c-177.062 19.198-320 162.136-339.208 339.198H64v85.334h66.124c19.208 177.062 162.144 320 339.208 339.208V960h85.332v-66.124c177.062-19.208 320-162.146 339.21-339.208H960v-85.334h-66.124zM512 810.666c-164.274 0-298.668-134.396-298.668-298.666 0-164.272 134.394-298.666 298.668-298.666 164.27 0 298.664 134.396 298.664 298.666S676.27 810.666 512 810.666z" p-id="1776"></path></svg></div>`;
                const floatNav = $(".float-nav-exp .nav-menu");
                const locateButton = $(".float-nav-exp .nav-menu .item.locate");
                const offset_top = utils.getValue("offset_top");
                const player_offset_top = utils.getValue("player_offset_top");
                $(".fixed-nav").css("bottom", "274px");
                floatNav.prepend(locateButtonHtml);
                locateButton.not(":first-child").remove();
                floatNav.on("click", ".locate", function() {
                    if (playerDataScreen !== "web") {
                        $("html,body").scrollTop(player_offset_top - offset_top);
                    } else {
                        $("html,body").scrollTop(0);
                    }
                });
            }
            if (player_type === "bangumi") {
                const locateButtonHtml = `<div class="tool-item locate" title="定位至播放器">\n        <svg t="1643419779790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" width="200" height="200" style="width: 50%;height: 100%;fill: currentColor;"><path d="M512 352c-88.008 0-160.002 72-160.002 160 0 88.008 71.994 160 160.002 160 88.01 0 159.998-71.992 159.998-160 0-88-71.988-160-159.998-160z m381.876 117.334c-19.21-177.062-162.148-320-339.21-339.198V64h-85.332v66.134c-177.062 19.198-320 162.136-339.208 339.198H64v85.334h66.124c19.208 177.062 162.144 320 339.208 339.208V960h85.332v-66.124c177.062-19.208 320-162.146 339.21-339.208H960v-85.334h-66.124zM512 810.666c-164.274 0-298.668-134.396-298.668-298.666 0-164.272 134.394-298.666 298.668-298.666 164.27 0 298.664 134.396 298.664 298.666S676.27 810.666 512 810.666z" p-id="1776"></path></svg></div>`;
                const floatNav = $(".nav-tools");
                const locateButton = $(".nav-tools .tool-item.locate");
                const offset_top = utils.getValue("offset_top");
                const player_offset_top = utils.getValue("player_offset_top");
                floatNav.prepend(locateButtonHtml);
                locateButton.not(":first-child").remove();
                floatNav.on("click", ".locate", function() {
                    if (playerDataScreen !== "web") {
                        $("html,body").scrollTop(player_offset_top - offset_top);
                    } else {
                        $("html,body").scrollTop(0);
                    }
                });
            }
        },
        playerLoadStateWatcher() {
            const player_type = utils.getValue("player_type");
            if (player_type === "video") {
                utils.waitElement("#playerWrap #bilibili-player", 10, 100).then(() => {
                    const playerLoadStateWatcher = setInterval(() => {
                        const playerVideoLength = $(".bpx-player-video-wrap").children().length;
                        if (playerVideoLength === 0) {
                            location.reload(true);
                        } else {
                            clearInterval(playerLoadStateWatcher);
                        }
                    }, 100);
                });
            }
            if (player_type === "bangumi") {
                utils.waitElement("#player_module #bilibili-player", 10, 100).then(() => {
                    const playerLoadStateWatcher = setInterval(() => {
                        const playerVideoLength = $(".bpx-player-video-wrap").children().length;
                        if (playerVideoLength === 0) {
                            location.reload(true);
                        } else {
                            clearInterval(playerLoadStateWatcher);
                        }
                    }, 1500);
                });
            }
        },
        playerApplyedStatus() {
            const checkApplyedStatus = setInterval(() => {
                const selected_screen_mod = utils.getValue("selected_screen_mod");
                const playerDataScreen = $(".bpx-player-container").attr("data-screen");
                if (selected_screen_mod === playerDataScreen) {
                    clearInterval(checkApplyedStatus);
                    console.timeEnd("播放页调整：总用时");
                } else {
                    console.log("播放页调整：配置应用失败，尝试重试");
                }
            }, 100);
        },
        registerMenuCommand() {
            GM_registerMenuCommand("设置", () => {
                const html = `        <div id="playerAdjustment" style="font-size: 1em;">            <label class="player-adjustment-setting-label" style="padding-top:0!important;">                是否为大会员                <input type="checkbox" id="Is-Vip" ${utils.getValue("is_vip") ? "checked" : ""} class="player-adjustment-setting-checkbox"  >            </label>            <span class="player-adjustment-setting-tips"> -> 请如实勾选，否则影响自动选择清晰度</span>            <label class="player-adjustment-setting-label" id="player-adjustment-Range-Wrapper">                <span>播放器顶部偏移(px)</span>                <input id="Top-Offset" value="${utils.getValue("offset_top")}" style="padding:5px;width: 200px;border: 1px solid #cecece;">            </label>            <span class="player-adjustment-setting-tips"> -> 参考值：顶部导航栏吸顶时为 71 ，否则为 7</span>            <label class="player-adjustment-setting-label">                点击播放器时定位                <input type="checkbox" id="Click-Player-Auto-Location" ${utils.getValue("click_player_auto_locate") ? "checked" : ""}  class="player-adjustment-setting-checkbox" >            </label>            <div class="player-adjustment-setting-label"                style="display: flex;align-items: center;justify-content: space-between;">                播放器默认模式                <div style="width: 215px;display: flex;align-items: center;justify-content: space-between;">                    <label class="player-adjustment-setting-label" style="padding-top:0!important;">                        <input type="radio" name="Screen-Mod" value="normal" ${utils.getValue("selected_screen_mod") === "normal" ? "checked" : ""}>                        小屏                    </label>                    <label class="player-adjustment-setting-label" style="padding-top:0!important;">                        <input type="radio" name="Screen-Mod" value="wide" ${utils.getValue("selected_screen_mod") === "wide" ? "checked" : ""}                        >宽屏                    </label>                    <label class="player-adjustment-setting-label" style="padding-top:0!important;">                        <input type="radio" name="Screen-Mod" value="web" ${utils.getValue("selected_screen_mod") === "web" ? "checked" : ""}>                        网页全屏                    </label>                </div>            </div>            <span class="player-adjustment-setting-tips"> -> 若遇到不能自动选择播放器模式可尝试点击重置</span><label class="player-adjustment-setting-label">                网页全屏模式解锁                <input type="checkbox" id="Webfull-Unlock" ${utils.getValue("webfull_unlock") ? "checked" : ""} class="player-adjustment-setting-checkbox"  >            </label>            <span class="player-adjustment-setting-tips"> -> 勾选后网页全屏模式下可以滑动滚动条查看下方评论等内容（因番剧播放页网页全屏时下方评论仍未加载所以暂不支持）</span>            <label class="player-adjustment-setting-label">                自动选择最高画质                <input type="checkbox" id="Auto-Quality" ${utils.getValue("auto_select_video_highest_quality") ? "checked" : ""} class="player-adjustment-setting-checkbox" >            </label>            <label class="player-adjustment-setting-label 4k">                是否包含4K画质                <input type="checkbox" id="Quality-4K" ${utils.getValue("contain_quality_4k") ? "checked" : ""} class="player-adjustment-setting-checkbox" >            </label>            <span class="player-adjustment-setting-tips"> -> 网络条件好时可以启用此项，自动选择最高画质时将选择4K画质，否则选择除4K外最高画质。</span>        </div>        `;
                Swal.fire({
                    title: "播放页调整设置",
                    html: html,
                    icon: "info",
                    showCloseButton: true,
                    showDenyButton: true,
                    confirmButtonText: "保存",
                    denyButtonText: "重置",
                    footer: '<div style="text-align: center;">如果发现脚本不能用，说明你的播放页面已经更新为新版。<br>目前此脚本不适用新版播放页面， 因为我的两个号都还没收到新版播放页面的推送， 所以暂时没法适配， 等我收到更新后会第一时间适配。</div><hr style="border: none;height: 1px;margin: 12px 0;background: #eaeaea;"><div style="text-align: center;font-size: 1.25em;"><a href="//userstyles.world/style/241/nightmode-for-bilibili-com" target="_blank">夜间哔哩 - </a><a href="//gf.qytechs.cn/zh-CN/scripts/415804-bilibili%E6%92%AD%E6%94%BE%E9%A1%B5%E8%B0%83%E6%95%B4-%E8%87%AA%E7%94%A8" target="_blank">检查更新</a></div>'
                }).then(res => {
                    res.isConfirmed && location.reload(true);
                    if (res.isConfirmed) {
                        location.reload(true);
                    } else if (res.isDenied) {
                        utils.setValue("current_screen_mod", "normal");
                        location.reload(true);
                    }
                });
                $("#Is-Vip").change(e => {
                    utils.setValue("is_vip", e.target.checked);
                    if (e.target.checked === true) {
                        $(".4k").css("display", "none!important");
                    } else {
                        $(".4k").css("display", "none!important");
                    }
                });
                $("#Top-Offset").change(e => {
                    utils.setValue("offset_top", e.target.value);
                });
                $("#Click-Player-Auto-Location").change(e => {
                    utils.setValue("click_player_auto_locate", e.target.checked);
                });
                $("#Auto-Quality").change(e => {
                    utils.setValue("auto_select_video_highest_quality", e.target.checked);
                });
                $("#Quality-4K").change(e => {
                    utils.setValue("contain_quality_4k", e.target.checked);
                });
                $('input[name="Screen-Mod"]').click(function() {
                    utils.setValue("selected_screen_mod", $(this).val());
                });
                $("#Webfull-Unlock").change(e => {
                    utils.setValue("webfull_unlock", e.target.checked);
                });
            });
        },
        addPluginStyle() {
            const style = `\n      .swal2-popup {\n        width:34em !important;\n        padding:1.25em !important;\n      }\n      .swal2-html-container {\n        margin:0 !important;\n        padding:16px 5px 0 !important;\n        width:100% !important;\n        box-sizing:border-box !important;\n      }\n      .swal2-footer {\n        flex-direction:column !important;\n      }\n      .swal2-close {\n        top:5px !important;\n        right:3px !important;\n      }\n      .swal2-actions {\n        margin:7px auto 0 !important;\n      }\n      .swal2-styled.swal2-confirm {\n        background-color:#23ADE5 !important;\n      }\n      .swal2-icon.swal2-info.swal2-icon-show {\n        display:none !important;\n      }\n      .player-adjustment-container,.swal2-container {\n        z-index:999999999 !important;\n      }\n      .player-adjustment-popup {\n        font-size:14px !important\n      }\n      .player-adjustment-setting-label {\n        display:flex !important;\n        align-items:center !important;\n        justify-content:space-between !important;\n        padding-top:20px !important;\n      }\n      .player-adjustment-setting-checkbox {\n        width:16px !important;\n        height:16px !important;\n      }\n      .player-adjustment-setting-tips {\n        width:100% !important;\n        display:flex !important;\n        align-items:center !important;\n        padding:5px !important;\n        margin-top:10px !important;\n        background:#f5f5f5 !important;\n        box-sizing:border-box !important;\n        color:#666 !important;\n        border-radius:2px !important;\n        text-align:left !important;\n      }\n      .player-adjustment-setting-tips svg {\n        margin-right:5px !important\n      }\n      label.player-adjustment-setting-label input {\n        border:1px solid #cecece!important;\n        background:#ffffff!important;\n      }\n      label.player-adjustment-setting-label input[type='checkbox'],\n      label.player-adjustment-setting-label input[type='radio']{\n        width:16px!important;\n        height:16px!important;\n        margin-right:5px!important;\n      }\n      label.player-adjustment-setting-label input:checked {\n        border-color:#1986b3!important;\n        background:#23ADE5!important;\n\n      }\n      `;
            if (document.head) {
                utils.addStyle("swal-pub-style", "style", GM_getResourceText("swalStyle"));
                utils.addStyle("player-adjustment-style", "style", style);
            }
            const headObserver = new MutationObserver(() => {
                utils.addStyle("swal-pub-style", "style", GM_getResourceText("swalStyle"));
                utils.addStyle("player-adjustment-style", "style", style);
            });
            headObserver.observe(document.head, {
                childList: true,
                subtree: true
            });
        },
        isTopWindow() {
            return window.self === window.top;
        },
        init() {
            $("body").css("overflow", "hidden");
            this.initValue();
            this.addPluginStyle();
            this.getCurrentPlayerTypeAndScreenMod();
            this.showInformation();
            this.autoSelectScreenMod();
            this.playerLoadStateWatcher();
            this.isTopWindow() && this.registerMenuCommand();
            utils.historyListener();
        }
    };
    main.init();
});
欢迎访问Greasy Fork镜像
