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",