学习利器，借助Tampermonkey写一个B站视频加速器脚本

如果你会JavaScript，你可以借助Tampermonkey实现对网页的控制。在播放B站视频时，作为学习党可能你会需要3倍速或者更高的倍速来观看视频，有这个脚本点击一次你能增加0.5倍速。（在firefox浏览器下进行演示，Chrome浏览器基本一致）以后的文章我会讲解一下这个脚本主要都做了写什么，为什么这么做，有兴趣的你可以关注一下。
脚本解析文章链接：一份B站视频加速器脚本原理请查收

下载Tampermonkey插件

下载地址：https://addons.mozilla.org/zh-CN/firefox/addon/tampermonkey/

编辑加速器脚本

选择插件，找到添加新脚本到插件就可以粘贴代码

效果

完整代码

// ==UserScript==
// @name         B站视频加速器
// @namespace    http://dragon.net/
// @version      0.1
// @description  提升b站视频播放速度
// @author       Dragon
// @match        *://www.bilibili.com/*
// @match        *://pan.baidu.com/*
// @require      https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js
// @grant        unsafeWindow
// @grant        GM_addStyle(css)
// ==/UserScript==

(function() {
    'use strict';
    var speed = document.createElement("div");//创建一个控制的div标签
    speed.innerText = "1X";
    speed.style.position = "fixed";
    speed.style.backgroundColor = "rgba(253, 102, 1, 0.5)";
    speed.style.width = "60px";
    speed.style.height = "100px";
    speed.style.top = "250px";
    speed.style.right = "0px";
    speed.style.borderRadius = "15px 0px 0px 15px";
    speed.style.fontSize = "24px";
    speed.style.display = "flex";
    speed.style.alignItems = "center";
    speed.style.justifyContent = "center";
    speed.style.userSelect = "none";
    speed.style.zindex = 99999999;
    document.body.appendChild(speed);
    $(speed).css({"z-index":99999999});
    play(1);
    setInterval(function(){
        var str = sessionStorage.getItem("bilibili_player_settings");
        var j = JSON.parse(str);
        var s =j.video_status.videospeed;
        speed.innerText = s+"X";
    },1000);
    speed.onmouseover = function(){
        speed.style.backgroundColor = "rgba(253, 102, 1, 1)";
        speed.onclick = function () {//设置播放速度
            var vd = document.getElementsByTagName("video");
            var str = sessionStorage.getItem("bilibili_player_settings");
            var j = JSON.parse(str);
            var s =j.video_status.videospeed;
            if(s >5){
                s = 1;
            }else{
                s +=0.5;
            }
            vd[0].playbackRate =s;
            speed.innerText = s+"X";
            play(s);
        }
    }

    speed.onmouseout = function(){
        speed.style.backgroundColor = "rgba(253, 102, 1, 0.5)";
    }
    function play(s){
        var str = sessionStorage.getItem("bilibili_player_settings");
        var j = JSON.parse(str);
        console.log(str);
        j.video_status.videospeed = s;
        var nstr = JSON.stringify(j);
        console.log(nstr);
        sessionStorage.setItem("bilibili_player_settings",nstr);
    }

})();