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.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",
  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值