这是一篇很水,很无聊的文章。
B站的视频可能会有点啰嗦,或者是自己知道的,直接拖进度条怕错过啥重要的,2倍速观看还不够快速,本文的脚本实现了最高16倍速的视频播放速度,同时提供了简单的方式方便切换速度。
问题描述
B站视频教程太慢,视频教程中的部分知识学过,但怕拖进度条会错过重要内容。
解决办法
- 浏览器安装油猴插件
- 将下面的脚本添加到油猴中:
// ==UserScript==
// @name B站视频倍速插件
// @namespace http://tampermonkey.net/
// @version 1.0
// @description try to take over the world!
// @author You
// @match https://www.bilibili.com/video/*
// @icon https://www.google.com/s2/favicons?domain=bilibili.com
// @grant none
// ==/UserScript==
(function() {
'use strict';
function createPage() {
var div=document.createElement("div");
var select=document.createElement("select");
select.innerHTML="<option value='1' selected>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='6'>6</option><option value='8'>8</option><option value='16'>16</option>";
select.setAttribute("style","width: 80px;padding: 5px;border-radius: 4px;background-color: #5af8eda6;font-weight: bolder;font-size: 15px;position: absolute;top: 60px;left: 10px;");
select.setAttribute("onchange","document.getElementsByTagName('video')[0].playbackRate=this.value");
div.appendChild(select);
document.getElementsByTagName("body")[0].appendChild(div);
}
createPage();
})();
实现效果
PS:更改match选项,其他使用HTML5的网站同样适合。原理不解释了,这是一篇很水的文章。