☰

bilibili播放视频倍速自定义，可记忆

bilibili播放视频倍速自定义，刷新浏览器也不会丢失之前设置的速度, 弹幕默认打开方式由你控制，视频列表播放单个视频结束时自动跳过充电页面从而快速进入下一个视频

// ==UserScript==
// @name         bilibili播放视频倍速自定义，可记忆
// @namespace    EsfB2XVPmbThEv39bdxQR2hzid30iMF9
// @version      2.0
// @description  bilibili播放视频倍速自定义，刷新浏览器也不会丢失之前设置的速度, 弹幕默认打开方式由你控制，视频列表播放单个视频结束时自动跳过充电页面从而快速进入下一个视频
// @author       朋也
// @include      http*://*bilibili.com/video/*
// @include      http*://*bilibili.com/list/*
// @include      http*://*bilibili.com/bangumi/*
// @grant        none
// @license      AGPL
// ==/UserScript==

(function () {
    "use strict";

    const THIRD_VIDEO_PLUGIN_DANMU_STATUS = "third_video_plugin_danmu_status";
    const THIRD_VIDEO_PLUGIN_SPEED = "third_video_plugin_speed";
    const THIRD_VIDEO_PLUGIN_SPEEDS = "third_video_plugin_speeds";

    let videoSpeedElement = document.createElement("div"),
        currentHref = "",
        viewReportDiv;
    videoSpeedElement.setAttribute("id", "video_speed_div");

    let style = document.createElement("style");
    style.type = "text/css";
    style.innerHTML = `
      .video-info-container,#viewbox_report {
        height: auto!important;
      }
      #video_speed_div {
        width:100%;
        height:24px;
        margin: 8px 0;
      }
      #video_speed_div button, #third_video_plugin_btn {
        outline: 0;
        padding: 4px 9px;
        margin-left: 10px;
        background-color: #f1f2f3;
        border: 0;
        color: #222;
        cursor: pointer;
        border-radius: 6px;
      }
      #third_video_plugin_btn:first-child {
        margin-left: 0;
        background-color: #000!important;
      }
      .video_speed_div-button-active {
        border: 0!important;
        background-color: #00aeec!important;
        color: #fff!important;
      }
    `;
    document.getElementsByTagName("head").item(0).appendChild(style);
    let keypressed = false;

    document.addEventListener("keydown", function(e) {
        e = e || window.event;
        if (e.keyCode) keypressed = true;
    })
    document.addEventListener("keyup", function(e) {
        e = e || window.event;
        if (e.keyCode) keypressed = false;
    })

    let _interval = setInterval(function () {
        if ((document.querySelector("bili-comments") || document.querySelector(".bili-comment") || document.querySelector(".bb-comment")) && document.getElementById("video_speed_div") === null) {
            addSpeedBtns();
        }
    }, 100);

    // 默认关闭弹幕
    // setTimeout(function () {
    //     closeDanmu();
    // }, 1500);

    // 打开视频默认全屏
    // setTimeout(function() {
    //     fullScreen();
    // }, 500);

    function applySpeed(third_video_plugin_speed) {
        let videoObj = document.querySelector("video");
        if (!videoObj) videoObj = document.querySelector("bwp-video");
        if (videoObj) {
            videoObj.playbackRate = parseFloat(third_video_plugin_speed);

            if (!videoObj.onloadstart) {
                videoObj.onloadstart = function(e) {
                  let _plugin_speed = getThirdVideoPluginSpeed();
                    videoObj.playbackRate = parseFloat(_plugin_speed);
                };
            }

            let nextBtn = document.querySelector(".bilibili-player-iconfont-next");
            if (nextBtn) {
                let currentTime = videoObj.currentTime;
                let totalTime = videoObj.duration;
                if (totalTime - currentTime < 0.5) {
                    // 视频还剩500ms的时候自动跳转到下一个视频，防止出现充电界面
                    document.querySelector(".bilibili-player-iconfont-next").click();
                }
            }

            let broswerPath = window.location.href;
            if (currentHref !== broswerPath) {
                currentHref = broswerPath;
                pageContentChange();
            }

            let switchBtn = document.querySelector(".bilibili-player-video-danmaku-switch");
            if (switchBtn) switchBtn.addEventListener("click", danmuClickHandler, false);
        }
    }

    function addSpeedBtns() {
        let position = "last";
        if (location.href.indexOf("/video") > -1) {
          viewReportDiv = document.querySelector("#viewbox_report");
        }else if (location.href.indexOf("/list") > -1) {
          viewReportDiv = document.querySelector(".video-info-container");
        }else if (location.href.indexOf("/bangumi") > -1) {
          viewReportDiv = document.querySelector("#player_module");
          position = "first";
        }
        // 创建一个设置倍速的按钮
        let speedsettingsbtn = document.createElement("button");
        speedsettingsbtn.innerHTML = "&nbsp;&nbsp;S&nbsp;&nbsp;";
        speedsettingsbtn.style.backgroundColor = "black";
        speedsettingsbtn.style.color = "white";
        speedsettingsbtn.setAttribute("id", "third_video_plugin_btn");
        speedsettingsbtn.addEventListener("click", speedsettingsevent);
        videoSpeedElement.appendChild(speedsettingsbtn);

        initBtn();

        videoSpeedElement.style.width = "100%";
        videoSpeedElement.style.height = "24px";

        if (position == "last") {
          viewReportDiv.appendChild(videoSpeedElement);
        } else if (position == "first") {
          viewReportDiv.insertBefore(videoSpeedElement, viewReportDiv.firstChild);
        }


        clearInterval(_interval);

        // 加载之间已经设置的速度, 在同一个页面中切换视频后，设置的速度就没了，这里用一个定时器，200ms设置一下
        // setInterval(function () { // 轮询更新视频时间
        setTimeout(function () { // 500毫秒后更新视频时间
            if (keypressed) return;
            let third_video_plugin_speed = getThirdVideoPluginSpeed();
            // 设置倍速按钮高亮
            hightlightBtn(third_video_plugin_speed);

            // 应用速度
            applySpeed(third_video_plugin_speed);

        }, 500);
    }

    function getThirdVideoPluginSpeed() {
        let third_video_plugin_speed = localStorage.getItem(THIRD_VIDEO_PLUGIN_SPEED);
        if (!third_video_plugin_speed) {
            third_video_plugin_speed = "1";
            localStorage.setItem(THIRD_VIDEO_PLUGIN_SPEED, third_video_plugin_speed);
        }
        return third_video_plugin_speed;
    }

    function danmuClickHandler(e) {
        if (e.isTrusted) {
            let span = document.querySelector(".bilibili-player-video-danmaku-switch>.choose_danmaku");
            if (span.textContent === "开启弹幕") {
                writeDanmuStatus(1);
            } else {
                writeDanmuStatus(2);
            }
        }
    }

    function initBtn() {
        let speedArr = getStorageSpeeds();
        if (speedArr.length === 0) {
            speedArr = [0.5, 1, 1.5, 2, 2.5, 3, 4, 5];
            localStorage.setItem(THIRD_VIDEO_PLUGIN_SPEEDS, speedArr.join(","));
        }
        for (let i = 0; i < speedArr.length; i++) {
            let speed = speedArr[i];
            let btn = document.createElement("button");
            btn.innerHTML = "x" + speed;
            btn.style.width = "50px";
            btn.setAttribute("id", "third_video_plugin_btn_" + speed);
            btn.addEventListener("click", changeVideoSpeed);
            videoSpeedElement.appendChild(btn);
        }
    }

    function getStorageSpeeds() {
        let storageSpeeds = localStorage.getItem(THIRD_VIDEO_PLUGIN_SPEEDS);
        if (!storageSpeeds) return [];
        return storageSpeeds.split(",");
    }

    function speedsettingsevent() {
        let a = window.prompt("输入倍速，以英文逗号隔开。", getStorageSpeeds().join(","));
        if (!a) return;
        a = a.replace(/\s+/g, "");
        let speeds = a.split(",");
        for (let i = 0; i < speeds.length; i++) {
            let speed = parseInt(speeds[i]);
            if (isNaN(speed)) return;
        }
        localStorage.setItem(THIRD_VIDEO_PLUGIN_SPEEDS, a);
        // clear btns
        let btns_length = videoSpeedElement.childNodes.length;
        for (let i = 1; i < btns_length; i++) {
            let btn = videoSpeedElement.childNodes[1];
            videoSpeedElement.removeChild(btn);
        }
        let storageSpeed = localStorage.getItem(THIRD_VIDEO_PLUGIN_SPEED);
        if (speeds.indexOf(storageSpeed) === -1) localStorage.setItem(THIRD_VIDEO_PLUGIN_SPEED, "1");
        // add new btns
        initBtn();
    }

    function pageContentChange() {
        setTimeout(function () {
            // 弹幕设置
            let storageDanmuStatus = localStorage.getItem(THIRD_VIDEO_PLUGIN_DANMU_STATUS);
            if (!storageDanmuStatus) {
                storageDanmuStatus = 1; // 默认开启
                writeDanmuStatus(1);
            }
            if (parseInt(storageDanmuStatus) !== 1) {
                document.querySelector(".bui-checkbox").click();
            }
        }, 1000);
    }

    function writeDanmuStatus(status) {
        if (status === 1 || status === 2) {
            localStorage.setItem(THIRD_VIDEO_PLUGIN_DANMU_STATUS, status);
        }
    }

    function changeVideoSpeed(e) {
        let speed = parseFloat(e.target.innerHTML.replace("x", ""));
        localStorage.setItem(THIRD_VIDEO_PLUGIN_SPEED, speed);
        hightlightBtn(speed);

        // 应用速度
        applySpeed(speed);
    }

    function hightlightBtn(speed) {
        let currentSpeedBtn = document.getElementById("third_video_plugin_btn_" + speed);
        if (currentSpeedBtn && currentSpeedBtn.className.indexOf("video_speed_div-button-active") === -1) {
            for (let i = 0; i < videoSpeedElement.childNodes.length; i++) {
                let btn = videoSpeedElement.childNodes[i];
                btn.setAttribute("class", "");
            }
            currentSpeedBtn.setAttribute("class", "video_speed_div-button-active");
        }
    }

    function closeDanmu() {
        document.querySelector(".bui-checkbox").click();
    }

    function fullScreen() {
        document.querySelector(".bilibili-player-iconfont-web-fullscreen-off").click();
    }
})();