BiliBili快捷键

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.htmlvar 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.htmlvar 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;}});
});

BiliBili快捷键相关推荐

B站视频控制代码、bilibli快捷键
文章目录 B站视频控制代码 0.先按F12进入控制台console 1.任意倍速(可带小数) 2.视频旋转角度 bilibili快捷键 M:静音 (mute) D:关闭弹幕 (dan mu) B站视频 ...
B站(BiliBili)PC客户端版本快捷键调节倍速
一直在B站上面学习,有时需要频繁的调节倍速,用鼠标的话很麻烦.在百度上面搜了很久都没有找到PC版本如何快捷键调节倍速.其实帮助里面就有.我怎么没有提前想到呢? PS:最近在学蛙泳,然后再B站上面看,但 ...
VS中一些提高编码效率的快捷键
场景新手入门,看见大神们在VS中只用键盘就可以完成一系列操作. 整理一些常用的能提高效率的快捷键. 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 大量编程视频教程:https: ...
从零开始学前端：HTML的一些文本格式化标签、快捷键、和特殊符号 --- 今天你学习了吗？（CSS：Day02）
从零开始学前端:程序猿小白也可以完全掌握!- 今天你学习了吗?(CSS) 复习:从零开始学前端: HTML框架和VS Code安装 - 今天你学习了吗?(CSS:Day01) 文章目录从零开始学前端 ...
idea常用方法和快捷键
idea常用快捷键日志类常用快捷键类 Ctrl +Alt+ <--- 键盘上向左箭头日志类 private static Logger logger = LogManager.getLog ...
springboot从零开始，快捷键快捷操作
首先建一个maven 工程 idea main方法的快捷键是psvm 回车. maven 导入包,官方网站有创建一个启动类.用注解. ctrl alt L 是代码修改快捷键. /在创建类的时候输入包 ...
哔哩哔哩html5播放器插件,哔哩哔哩(Bilibili)播放器扩展
这是一个功能精简.轻量型的哔哩哔哩(HTML5)播放器扩展. 1. 播放器设置此扩展会默认关闭哔哩哔哩(Bilibili)弹幕,但可以在扩展选项中关闭这个行为. 点击此扩展的菜单->选项,你可 ...
win10运行快捷键_阿销带你看世界——电脑技巧之电脑快捷键（WIN篇2）
片头(wawjf)---- 嘿,大家好啊,我是wawjf 是的没错,从今日起,我们45工作室恢复更新状态,每天都会有不同的教程哦然后,很重要的一点是我们将于明天或者后天在Bilibili发布我们的 ...
[Latex] 插入图片 | 插入表格 | 符号、文本粗体 | 单栏、双栏添加行号 | 添加空格 | 注释快捷键 | 维度 | 脚注 | 公式 | 分点 |
1. 插入图片添加图片使用福昕编辑器进行裁剪,然后(将图片统一放入picture文件夹): \begin{figure} (双栏占一栏) \begin{figure}[h] % 可选,h这里:t顶 ...

BiliBili快捷键

BiliBili使用技巧

为啥使用这个脚本？

BiliBili快捷键相关推荐

最新文章

热门文章