BiliBili快捷键

最新推荐文章于 2024-10-23 17:52:13 发布
最新推荐文章于 2024-10-23 17:52:13 发布
阅读量5.1k 收藏 9
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 小技巧 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37644845/article/details/106086126
本文介绍了在BiliBili观看学习视频时，为提高效率而自定义快捷键脚本的需求。作者分享了如何修改网上找到的原始脚本，以实现快速切换倍速播放和回退功能，从而避免手动操作带来的不便。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

BiliBili使用技巧


使用简单的js脚本实现快捷键

为啥使用这个脚本？

因为最近一直在b站看学习视频，有时候需要在老师语速变化的时候快速的切换倍速播放，然后回退几秒钟来听清开始没有听清的事。这个时候手动去改变倍速播放极其影响时间和学习心情，遂在网上寻找网页使用快捷键，但是没啥成果，直到找到了一位老哥手写的脚本，甚是欣喜，于是手动略微改造，便成了符合自己要求的脚本。不过实在抱歉的是浏览器历史记录中找不到那位老哥的原网址了，所以下面就不贴原作的地址了，还好当时的源代码保存了下来。以下分别是老哥的原作，和我略微修改后的代码。使用方式就不多介绍了0,0
很抱歉的不知名老哥源码

使用方式
var 开关弹幕 = 103;//小键盘数字键7，可以自己更改
var 控制全屏 = 105;//小键盘数字键9，可以自己更改
var 打开宽屏 = 106;//小键盘“*”键，可以自己更改
var 控制速度 = 107;//小键盘“+”键，可以自己更改  播放速度设置在一个键上，按一下为1.25倍，按两下1.5呗，三下2倍，第四下回归正常速度
var 网页全屏 = 109;//小键盘“-”键，可以自己更改
var 暂停播放 = 101;//小键盘数字键5，可以自己更改

// ==UserScript==
// @name         BiliBili一键开关弹幕/一键网页宽屏/全屏快捷键/速度控制快捷键
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  这个脚本是作者自己嫌在全屏播放时老是要鼠标点击开关弹幕太麻烦，于是就写了一个b站播放器的按键快捷控制
// @author       R君
// @match        *://*.bilibili.com/*
// @grant        none
// @require https://code.jquery.com/jquery-2.1.4.min.js
// ==/UserScript==

var 开关弹幕 = 103;//小键盘数字键7，可以自己更改
var 控制全屏 = 105;//小键盘数字键9，可以自己更改
var 打开宽屏 = 106;//小键盘“*”键，可以自己更改
var 控制速度 = 107;//小键盘“+”键，可以自己更改  播放速度设置在一个键上，按一下为1.25倍，按两下1.5呗，三下2倍，第四下回归正常速度
var 网页全屏 = 109;//小键盘“-”键，可以自己更改
var 暂停播放 = 101;//小键盘数字键5，可以自己更改

//以上每一个按键都可以自定义，可以按照自己的喜好自行对照键盘键位对应编码来修改，下面是提供参考的键盘编码表链接

//笔记本电脑或者是没有小键盘的同学，请参考下面的键盘编码表更改键位

// 对照修改的键盘编码表链接，复制右边的链接到地址栏打开  https://jingyan.baidu.com/article/fedf073780e16335ac8977a4.html


var video_speed = [1,1.25,1.5,2];
var video_speed_num = 0;

function tips_video_speed(speed){

    var get_tips_div = $("#tips_div");
    if(get_tips_div.val() == undefined){
    var tips_div = '<div id="tips_div" style="border-radius: 20px;'+
            'background:#000;'+
            'width: 120px;'+
            'height: 40px;'+
            'position:fixed;'+
            'left:50%; top:50%;'+
            'margin-left:-60px;'+
            'margin-top:-20px;'+
            'text-align:center;'+
            'line-height:40px;'+
            'font-size:20px;'+
            'color:#FFF;'+
            'opacity:0.8;'+
            'z-index:9999999999;">倍数:'+speed+'</div>';
        $(".bilibili-player-video").append(tips_div);
        $("#tips_div").animate({opacity:"0.8"},1000).animate({opacity:"0"},500);
    }else{
        if(!get_tips_div.is(":animated")){
            get_tips_div.text("倍数:"+speed);
            get_tips_div.css("opacity","0.8").animate({opacity:"0.8"},1000).animate({opacity:"0"},500);
        }else{
            get_tips_div.stop(true, true);
            get_tips_div.text("倍数:"+speed);
            get_tips_div.css("opacity","0.8").animate({opacity:"0.8"},1000).animate({opacity:"0"},500);
        }
    }

}
function set_video_speed(){

    var video = $(".bilibili-player-video video")[0];
     video_speed_num++;
    if(video_speed_num >= video_speed.length){
     video_speed_num = 0;
    }
     video.playbackRate = video_speed[video_speed_num];
     tips_video_speed(video_speed[video_speed_num]);
}
function click_wide_screen(){

    $("button[data-text='宽屏模式'] svg").click();      //button[data-text='宽屏模式'] svg  这句意思是选择data-text属性值为'宽屏模式' 的button标签下的svg标签

}
function click_web_Full_screen(){

    $("button[data-text='网页全屏'] svg").click();

}
function click_Full_screen(){

    $("button[data-text='进入全屏']").click();

}
function click_Barrage(){

    $(".bilibili-player-video-sendbar .bui-checkbox").click();
    $("i[data-text='打开弹幕']").click();

}
function stop_video(){
   var e = jQuery.Event("keydown");
   e.keyCode = 32;
   e.which = 32;
   $('body').trigger(e);
}

$(document).ready(function() {
		$(document).keydown(function(event){     //调用键盘编码，按了键盘回调keydown里的function(event)函数，event就是你按的那个按键的code码
            switch(event.keyCode){
                case 开关弹幕:
               click_Barrage();
                    break;
                case 打开宽屏:
               click_wide_screen();
                    break;
                case 网页全屏:
                click_web_Full_screen();
                    break;
                case 控制全屏:
                click_Full_screen();
                    break;
                case 控制速度:
                set_video_speed();
                    break;
                case 暂停播放:
                stop_video();
                    break;
                   }
		});
});

修改后的代码，增加了降低倍速的功能

使用方式
var 开关弹幕 = 103;//小键盘数字键7，可以自己更改
var 控制全屏 = 105;//小键盘数字键9，可以自己更改
var 打开宽屏 = 106;//小键盘“*”键，可以自己更改
var 控制速度加 = 107;//小键盘“+”键，可以自己更改  
var 控制速度减 = 109;//小键盘“-”键，可以自己更改
var 暂停播放 = 101;//小键盘数字键5，可以自己更改

// ==UserScript==
// @name         BiliBili一键开关弹幕/一键网页宽屏/全屏快捷键/速度控制快捷键
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  这个脚本是作者自己嫌在全屏播放时老是要鼠标点击开关弹幕太麻烦，于是就写了一个b站播放器的按键快捷控制
// @author       R君
// @match        *://*.bilibili.com/*
// @grant        none
// @require https://code.jquery.com/jquery-2.1.4.min.js
// ==/UserScript==

var 开关弹幕 = 103;//小键盘数字键7，可以自己更改
var 控制全屏 = 105;//小键盘数字键9，可以自己更改
var 打开宽屏 = 106;//小键盘“*”键，可以自己更改
var 控制速度加 = 107;//小键盘“+”键，可以自己更改  
var 控制速度减 = 109;//小键盘“-”键，可以自己更改
var 暂停播放 = 101;//小键盘数字键5，可以自己更改

//以上每一个按键都可以自定义，可以按照自己的喜好自行对照键盘键位对应编码来修改，下面是提供参考的键盘编码表链接

//笔记本电脑或者是没有小键盘的同学，请参考下面的键盘编码表更改键位

// 对照修改的键盘编码表链接，复制右边的链接到地址栏打开  https://jingyan.baidu.com/article/fedf073780e16335ac8977a4.html


var video_speed = [1,1.25,1.5,2];
var video_speed_num = 0;

function tips_video_speed(speed){

    var get_tips_div = $("#tips_div");
    if(get_tips_div.val() == undefined){
    var tips_div = '<div id="tips_div" style="border-radius: 20px;'+
            'background:#000;'+
            'width: 120px;'+
            'height: 40px;'+
            'position:fixed;'+
            'left:50%; top:50%;'+
            'margin-left:-60px;'+
            'margin-top:-20px;'+
            'text-align:center;'+
            'line-height:40px;'+
            'font-size:20px;'+
            'color:#FFF;'+
            'opacity:0.8;'+
            'z-index:9999999999;">倍数:'+speed+'</div>';
        $(".bilibili-player-video").append(tips_div);
        $("#tips_div").animate({opacity:"0.8"},1000).animate({opacity:"0"},500);
    }else{
        if(!get_tips_div.is(":animated")){
            get_tips_div.text("倍数:"+speed);
            get_tips_div.css("opacity","0.8").animate({opacity:"0.8"},1000).animate({opacity:"0"},500);
        }else{
            get_tips_div.stop(true, true);
            get_tips_div.text("倍数:"+speed);
            get_tips_div.css("opacity","0.8").animate({opacity:"0.8"},1000).animate({opacity:"0"},500);
        }
    }

}
function set_video_speed(){

    var video = $(".bilibili-player-video video")[0];
     video_speed_num++;
    if(video_speed_num >= video_speed.length){
     video_speed_num =  3;
    }
     video.playbackRate = video_speed[video_speed_num];
     tips_video_speed(video_speed[video_speed_num]);
}
function set_video_speed_sub(){
	var video = $(".bilibili-player-video video")[0];
    video_speed_num--;
    if(video_speed_num < 0){
		video_speed_num = 0;
    }
    video.playbackRate = video_speed[video_speed_num];
    tips_video_speed(video_speed[video_speed_num]);
}

function click_wide_screen(){

    $("button[data-text='宽屏模式'] svg").click();      //button[data-text='宽屏模式'] svg  这句意思是选择data-text属性值为'宽屏模式' 的button标签下的svg标签

}
function click_web_Full_screen(){

    $("button[data-text='网页全屏'] svg").click();

}
function click_Full_screen(){

    $("button[data-text='进入全屏']").click();

}
function click_Barrage(){

    $(".bilibili-player-video-sendbar .bui-checkbox").click();
    $("i[data-text='打开弹幕']").click();

}
function stop_video(){
   var e = jQuery.Event("keydown");
   e.keyCode = 32;
   e.which = 32;
   $('body').trigger(e);
}

$(document).ready(function() {
		$(document).keydown(function(event){     //调用键盘编码，按了键盘回调keydown里的function(event)函数，event就是你按的那个按键的code码
            switch(event.keyCode){
                case 开关弹幕:
               click_Barrage();
                    break;
                case 打开宽屏:
               click_wide_screen();
                    break;
               // case 网页全屏:
               //  click_web_Full_screen();
                    break;
                case 控制全屏:
                click_Full_screen();
                    break;
                case 控制速度加:
                set_video_speed();
                    break;
				case 控制速度减:
                set_video_speed_sub();
                    break;					
                case 暂停播放:
                stop_video();
                    break;
                   }
		});
});
哔哩哔哩(blibli)实用快捷键
weixin_73483158的博客
06-04 6311
B站实用快捷键
VSCode高效Flutter开发必备快捷键
会煮咖啡的猫咪
07-23 1204
本文为您总结了在VSCode中开发Flutter项目时最常用和高效的快捷键操作,涵盖代码修复提示、文件管理、命令工具等多个方面,帮助开发者大幅提升开发效率。
B站(哔哩哔哩)视频播放快捷键分享
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
04-28 2万+
在播放和暂停之间切换k快退 10 秒j快进 10 秒l上一个视频P (SHIFT+p)下一个视频N (SHIFT+n)上一帧（暂停时）,下一帧（暂停时）.减慢播放速度< (SHIFT+,)加快播放速度> (SHIFT+.)跳转至视频中的某个时间点（例如，输入 7 表示前进至总时长的 70% 处）0..9跳到上一章Ctrl + ←跳到下一章。文章浏览阅读136次。
哔哩哔哩快捷键
weixin_43684679的博客
11-24 1266
F 进入、退出全屏播放。
B站快捷键
我滴小博客
01-14 6766
哔哩哔哩（B站） q：点赞按钮（长按3秒是一键三连） w：投币 e：收藏视频（无法指定到具体的收藏夹） d：开启和关闭弹幕 f ：开启和关闭视频全屏 m：开关静音的 上下键是可以调整音量（每次10%）大小 左右键可以拖动进度条，长按右键是倍速播放，长按左键是倍速回退 {}：上一个P/下一个P 空格键：暂停/继续 ESC退出全屏 shift+2：开启二倍速播放（shift+1是一倍速播放） Enter：是发送弹幕 shift + L： 点赞（已弃用，现在会显示个小提示语）
bilibili-mac-client：Mac的非官方bilibili客户端
02-04
Bilibili Mac客户端 Mac必备的在线视频播放器 产品特点 硬解播放 libass显示弹幕，超低CPU占用 通过支持近百家视频网站的解析与播放 自动分段分段视频 支持发送弹幕 弹幕亮度，字体大小调整 ：本地视频，自动加载同...
思维导图XMind安装与基本使用（ps：快捷键+美化）
01-20
如果想要了解更多快捷键的使用，可以参考提供的视频教程链接（https://www.bilibili.com/video/av47479081?from=search&seid=7772265239312519662），视频详细介绍了XMind的各种操作。 在美化思维导图方面，XMind...
python快捷键程序以及脚本制作
分享计算机视觉，C++，网络摄像头研发，音视频开发，嵌入式等知识。
07-28 394
mos.bat。
给哔哩哔哩bilibili电脑版做个手机遥控器
H5开发技术
10-23 1904
这里定义了五个动作，每个动作对应一个键盘事件。以上便是给整个bilibili手机版遥控器介绍, 相关代码已经发布到CSDN, 可以直接访问:bilibili-remote-controller:Bilibili电脑版手机遥控器 - GitCode。
B站视频控制代码、bilibli快捷键、网页视频16倍速插件
Edward2022的博客
04-19 7238
Bilibili视频控制代码、bilibili快捷键
【windows——工具篇】哔哩哔哩快捷键
学习如逆水行舟，不进则退
04-04 5140
现在很多时候需要自学，而b站是一个很多人选择的学习平台，有时候需要边看，边敲代码，所以需要来回切换，操作编辑器和全屏。 B站未被发掘的快捷键 在使用B站网页端看视频时，只要在视频上右键，就会找到一个叫做快捷键说明的玩意。 有些快捷键已经失效了， 只整理了一些好用的快捷键 W ————投币 F ——-— （进入\退出）全屏 D————（开启\关闭）弹幕 M————（开启\关闭）静音 ...
B站(BiliBili)PC客户端版本快捷键调节倍速
weixin_44934429的博客
07-18 1万+
一直在B站上面学习，有时需要频繁的调节倍速，用鼠标的话很麻烦。在百度上面搜了很久都没有找到PC版本如何快捷键调节倍速。其实帮助里面就有。我怎么没有提前想到呢？
B站快捷键-关闭弹幕，打开弹幕
qq_43118674的博客
01-10 3937
关闭弹幕，打开弹幕｜快捷键D
B站常用快捷键
weixin_42856413的博客
09-26 3681
f/shift+f全屏/退出视频 {}上一p/下一p 空格键 暂停/继续 ↑↓音量大/小 ←→快退/快进
B站网页版播放常用快捷键
weixin_51192988的博客
09-11 5356
{}上一p/下一p 空格键 暂停/继续 ↑↓音量大/小 ←→快退/快进
哔哩哔哩 PC web player 快捷键
qq_25974013的博客
05-13 3420
W：网页全屏 D：弹幕
B站视频播放速度＞2倍速 设置方法
weixin_44201830的博客
01-23 1万+
1、电脑打开网页版B站视频界面，例如 2、按快捷键F12，进入开发者模式： 3、选择Console单元，在命令行部分输入如下代码： document.querySelector('video').playbackRate = 3 4、回车，视频将以三倍速方式播放。 PS:如果想要更快，可以更改代码中的数值（不过可能就听不清楚了 ...
Java实现Excel导入导出功能全流程.doc
最新发布
08-06
Java实现Excel导入导出功能全流程.doc
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值