bilibili播放视频倍速自定义（更改原生按钮，不影响布局）

Greasy Fork is available in English.
bilibili播放视频倍速自定义（更改原生按钮，不影响布局）

bilibili播放视频倍速自定义，与原生按钮兼容，自动记忆
当前为 2024-09-07 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         bilibili播放视频倍速自定义（更改原生按钮，不影响布局）
// @namespace    dzj0821
// @version      1.0
// @description  bilibili播放视频倍速自定义，与原生按钮兼容，自动记忆
// @author       dzj0821
// @include      http*://*bilibili.com/video/*
// @include      http*://*bilibili.com/list/*
// @include      http*://*bilibili.com/bangumi/*
// @grant        GM_registerMenuCommand
// @grant        GM_unregisterMenuCommand
// @license      MIT
// ==/UserScript==

(function () {
    "use strict";
    //bilibili播放器限制，改这里也没用
    let SPEED_MAX_VALUE = 4

    function getSpeedSetting() {
        let defaultValue = ["0.5", "0.75", "1.0", "1.25", "1.5", "2.0"]
        try {
            let setting = localStorage.getItem("dz_bilibili_video_custom_speed_setting")
            if (!setting) {
                return defaultValue
            }
            let arr = setting.split(" ")
            for (var value of arr) {
                let speed = parseFloat(value)
                if (isNaN(speed) || speed <= 0 || speed > SPEED_MAX_VALUE) {
                    return defaultValue
                }
            }
            return arr
        } catch (err) {
            return defaultValue
        }
    }

    function updateSpeedSetting(){
        let input = window.prompt("输入想显示的倍速，以空格分隔：", getSpeedSetting().join(" "))
        let arr = input.split(" ")
        for (var value of arr) {
            let speed = parseFloat(value)
            if (isNaN(speed)) {
                alert("【" + value + "】不是有效的速度")
                return
            }
            if (speed <= 0) {
                alert("速度必须大于0")
                return
            }
            if (speed > SPEED_MAX_VALUE) {
                alert("播放器速度上限为" + SPEED_MAX_VALUE + "，速度必须小于等于" + SPEED_MAX_VALUE)
                return
            }
        }
        localStorage.setItem("dz_bilibili_video_custom_speed_setting", input)
    }

    GM_registerMenuCommand("更新倍速设置", updateSpeedSetting, null)

    function getSetSpeedOnLoadSetting() {
        return localStorage.getItem("dz_bilibili_video_custom_speed_set_speed_on_load") == "true"
    }

    function switchSetSpeedOnLoad() {
        localStorage.setItem("dz_bilibili_video_custom_speed_set_speed_on_load", !getSetSpeedOnLoadSetting())
        GM_unregisterMenuCommand(commandId)
        commandId = GM_registerMenuCommand(getSetSpeedOnLoadSetting() ? "记忆倍速：开启（点击关闭）" : "记忆倍速：关闭（点击开启）", switchSetSpeedOnLoad, null)
    }
    let commandId = GM_registerMenuCommand(getSetSpeedOnLoadSetting() ? "记忆倍速：开启（点击关闭）" : "记忆倍速：关闭（点击开启）", switchSetSpeedOnLoad, null)

    let speed = getSetSpeedOnLoadSetting() ? parseFloat(localStorage.getItem("dz_bilibili_video_custom_speed_value")) : 1
    if (isNaN(speed) || speed <= 0 || speed > SPEED_MAX_VALUE) {
        speed = 1
    }
    update()

    function update() {
        let videoObj = document.querySelector("video") ?? document.querySelector("bwp-video")
        if (!videoObj) {
            return
        }
        let menu = document.querySelector(".bpx-player-ctrl-playbackrate-menu")
        if (!menu) {
            return
        }
        if (!menu.classList.contains("dz_bilibili_video_custom_speed_initialize")) {
            //未初始化
            let item = menu.children[0]
            if (!item) {
                return
            }
            //复制一个新的
            item = document.importNode(item, false)
            //可能是激活的，去掉激活状态
            item.classList.remove("bpx-state-active")
            while (menu.children.length > 0) {
                menu.removeChild(menu.children[0])
            }
            let setting = getSpeedSetting()
            for (let i = setting.length - 1; i >= 0; i--) {
                let value = setting[i]
                let currentItem = document.importNode(item, false)
                currentItem.innerText = value + "x"
                currentItem.attributes["data-value"].value = parseFloat(value)
                currentItem.addEventListener("click", function(){
                    speed = value
                    localStorage.setItem("dz_bilibili_video_custom_speed_value", speed)
                })
                menu.appendChild(currentItem)
            }
            menu.classList.add("dz_bilibili_video_custom_speed_initialize")
        }
        if (speed !== videoObj.playbackRate) {
            videoObj.playbackRate = speed
        }
    }

    setInterval(update, 200)
})();