bilibili视频倍速工具

按c加速，按x减速，步长0.05。
当前为 2022-12-15 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         bilibili视频倍速工具
// @namespace    http://tampermonkey.net/
// @version      0.2.5
// @description  按c加速，按x减速，步长0.05。
// @author       You
// @match        https://www.bilibili.com/video/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @grant        none
// @run-at document-start
// @license MIT
// ==/UserScript==

(function () {
    'use strict';
    Element.prototype._attachShadow = Element.prototype.attachShadow;
    Element.prototype.attachShadow = function () {
        return this._attachShadow({ mode: 'open' });
    };
    window.onload = function () {
        const video = document.querySelector('video')
        const step = 0.05
        let speed = video.playbackRate
        video.addEventListener('ratechange', function () {
            speed = video.playbackRate
        })
        window.addEventListener('keypress', function (e) {
            if (this.document.activeElement.tagName==='input') {
                return
            }

            if (e.key === "c") {
                speed = Math.round((speed + step) * 100) / 100
                video.playbackRate = speed
                notify(video.playbackRate)
            }
            if (e.key === "x") {
                speed = Math.round((speed - step) * 100) / 100
                video.playbackRate = speed
                notify(video.playbackRate)
            }
            if (e.key === "z") {
                speed = 1
                video.playbackRate = speed
                notify(video.playbackRate)
            }
        })
    }



    function notify(msg) {
        const videoWrap = document.querySelector('.bpx-player-video-wrap')
        const className = 'edbe85b469d47a8833b84e259864e33'
        const box = document.createElement('div')
        box.className = className
        box.style.background = '#333'
        box.style.color = '#fff'
        box.style.padding = '8px 20px'
        box.style.position = 'fixed'
        box.style.margin = "auto"
        box.style.left = '50%'
        box.style.top = '30px'
        box.style.transform = "translateX(-50%)";
        box.style.borderRadius = "5px"
        box.style.zIndex = '10000'
        box.innerHTML = msg
        const oldBox = document.querySelectorAll('.' + className)
        if (oldBox.length) {
            oldBox.forEach(b => {
                b.remove()
            });
        }
        if (document.fullscreenElement) {
            videoWrap.appendChild(box)
        } else {
            document.body.appendChild(box)
        }
        setTimeout(() => {
            box.remove()
        }, 2000);
    }
})();
欢迎访问Greasy Fork镜像
