自定义B站视频播放速度

你在B站刷视频是不是有这样一种感觉:2 倍速有点慢,不过可以通过一直按键可以开启 3 倍速,但是呢,有点废手,此时你还可能感觉 2 倍速太慢, 3 倍速太快???

为能帮助大家找到一个适合自己的视频播放速度,而且能随心所欲的去调节视频的播放速度,我将一步一步带领大家做一个脚本

喜欢的朋友可以点赞并收藏哟!!!

Chrome 操作步骤:

打开 Chrome 浏览器的插件商店,搜索 篡改猴 ,安装此插件

然后需要将该扩展固定在页面上

点击篡改猴,然后在点击 添加新脚本

将下面这段代码粘贴到编译器中

// ==UserScript==
// @name         B站视频播放速度快捷键控制   ---- 名称
// @namespace    http://tampermonkey.net/
// @version      1.3   --- 版本
// @description  通过键盘按键自定义B站视频播放速度(按数字键设置速度,按上下箭头微调) --- 描述
// @match        *://www.bilibili.com/video/*  --- 目标网址
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    // 获取视频元素
    const getVideoElement = () => document.querySelector('video');

    // 设置播放速度
    const setPlaybackSpeed = (speed) => {
        const video = getVideoElement();
        if (!video) return;
        video.playbackRate = speed;
        // console.log(`当前速度为 ${speed}x`);
    };

    // 调整播放速度
    const adjustPlaybackSpeed = (rate) => {
        const video = getVideoElement();
        if (!video || video.playbackRate + rate < 0.25 || video.playbackRate + rate > 5) return;
        video.playbackRate += rate;
        // console.log(`当前速度为 ${video.playbackRate}x`);
    };

    // 初始化:设置默认速度为1.5倍速
    const initRate = 1.5;
    const init = (() => {
        setPlaybackSpeed(initRate);
    })();

    // 监听键盘事件
    document.addEventListener('keydown', (event) => {
        const video = getVideoElement();
        if (!video) return;

        switch (event.key) {
            case '0': // 重置为1.0倍速
                setPlaybackSpeed(initRate);
                break;
            case '1': // 设置为1倍速
                setPlaybackSpeed(1);
                break;
            case '2': // 设置为2倍速
                setPlaybackSpeed(2);
                break;
            case '3': // 设置为3倍速
                setPlaybackSpeed(3);
                break;
            case '4': // 设置为4倍速
                setPlaybackSpeed(4);
                break;
            case '5': // 设置为5倍速
                setPlaybackSpeed(5);
                break;
            case '+': // 加速0.25倍
                adjustPlaybackSpeed(0.25);
                break;
            case '-': // 减速0.25倍
                adjustPlaybackSpeed(-0.25);
                break;
            default:
                break;
        }
    });
})();

你以为到这里就结束了吗???

还有最重要的一步,只有打开开发者模式你的脚本才可以正常使用哟!!!

只有完成这一步,你的脚本才可以正常运行

Edge 操作步骤

Edge 操作步骤与 Chrome 操作步骤相同

这里只简单展示如何打开开发者模式

结语

注意:此脚本只适用于网页版 bilibili

代码的注释已给出,大家可以根据自己的需求进行修改

大家可以在评论区留下需要的脚本,我会不断更新,满足大家的需求

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值