☰

视频3倍数播放

哔哩哔哩视频3倍数播放，Alt+0隐藏/显示脚本界面

    // ==UserScript==
    // @name         视频3倍数播放
    // @namespace    http://tampermonkey.net/
    // @version      2025-01-15
    // @description  哔哩哔哩视频3倍数播放，Alt+0隐藏/显示脚本界面
    // @author       I6xn-Xc
    // @match        *://www.bilibili.com/video/*
    // @icon         https://www.google.com/s2/favicons?sz=64&domain=undefined.localhost
    // @grant        none
    // ==/UserScript==
    (function() {
        'use strict';
        const style = document.createElement('style');
        style.innerHTML = `

     #box-all {
            position: absolute;
            width: 280px; /* 增加宽度以确保有足够空间 */
            height: 180px;
            top: 100px;
            z-index: 9999; /* 提高z-index值 */
            background-color: rgba(255, 255, 255, 0.9); /* 添加背景色以提高可见性 */
            border: 1px solid #ccc;
            padding: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .form-group {
            display: flex;
            align-items: center; /* 垂直居中 */
            margin-bottom: 10px; /* 控制组之间的间距 */
            margin-top: 36px;

        }

        .form-group span {
            margin-right: 10px; /* 控制 label 和 input 之间的间距 */
            min-width: 60px; /* 确保标签宽度一致 */
            text-align: right; /* 右对齐标签文本 */


        }

        .inp_all {
            width: 60px; /* 增加输入框宽度 */
            height: 30px;
            border-radius: 5px;
            border: 1px solid #8BC34A;
        }

        #box-all button {
            z-index: 9998; /* 提高z-index值 */
            height: 40px; /* 固定高度 */
            width: auto; /* 自适应宽度 */
            min-width: 80px; /* 最小宽度 */
            text-align: center;
            border-radius: 30px;
            margin-top: 10px;
            background-color: transparent;
            box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
            cursor: pointer;
            color: #424242;
            border: 1px solid #132217;
            flex-grow: 1; /* 让按钮在容器中均匀分布 */
        }

        #disabled-but {
            margin-left: 10px; /* 调整间距 */
        }

        #but-box {
            display: flex;
            justify-content: space-between; /* 水平排列 */
            align-items: center; /* 垂直居中 */
            margin-top: 50px;
            flex-wrap: nowrap; /* 确保不换行 */
        }
`;
        document.head.appendChild(style);
        const box_all = document.createElement('div');
        box_all.id = 'box-all';
        box_all.innerHTML = `
<div class="form-group">
    <span>倍数</span>
    <input id="speed--inp" class="inp_all" type="text" placeholder="Speed" value="1">
</div>
<div id="but-box">
    <button id="btn-sub">设置</button>
    <button id="disabled-but">隐藏按钮</button>
</div>
`;
        document.body.appendChild(box_all);
        let btt_sub = document.getElementById('btn-sub');
        let btt_dis = document.getElementById('disabled-but');
        let speed_num = document.getElementById('speed--inp');
        let my_speed = '';
        let initialHref = '';
        document.getElementsByTagName("video")[0].classList.add('real-video')
        let real_video=document.querySelector('.real-video');
        const regex = /\/video\/(BV[0-9A-Za-z]+)/;
        function isNumeric(value) {
            return !isNaN(parseFloat(value)) && isFinite(value);
        }
        // sub按钮点击
        btt_sub.addEventListener('click', () => {
            if (isNumeric(speed_num.value)) {
                // 输入的是数字
                initialHref=location.href.match(regex)[1]
                my_speed = speed_num.value;
                alert(`设置倍数-->${my_speed}`)
                if (my_speed !== '') {
                    my_speed=speed_num.value;
                    real_video.playbackRate=parseFloat(my_speed);
                }
            } else {
                alert('输入框内请输入整数,speed默认不输为1')
            }
        });
        function handleVideoPlay(e){
            e.target.classList.add('real-video');
            my_speed=my_speed===''?'1':my_speed;
            if (location.href.match(regex)[1]===initialHref){
                // 同一个合集
                real_video.playbackRate = parseFloat(my_speed);
            }else {
            }
        }
        document.addEventListener('play', handleVideoPlay, true);
        // 按钮隐藏
        btt_dis.addEventListener('click', () => {
            box_all.style.display = 'none'; // 隐藏整个 div
        });
        document.addEventListener('keydown', function (event) {
            if (event.altKey && event.key === '0') {
                if (box_all.style.display === 'block') {
                    box_all.style.display = 'none'
                } else {
                    box_all.style.display = 'block'
                }
            }
        });
    })();