Loading...

聊聊浏览器视频倍速原理

日常推荐4个月前更新 Jone
179 0 0

相信不少需要网课学习的小伙伴都有视频倍速的需求,不过可能最高只支持2倍速或者可能根本不支持倍速,比如某度网盘只有开会员后才支持最高2倍速在线观看(⌐■_■)

今天就来讲讲如何不开会员就能在浏览器端让某度网盘倍速播放或者突破某些网站2倍速的最高限制。

教程

肯定有不少小伙伴装过各式各样的浏览器插件来实现网页浏览器播放倍速,不过可能一段时间后就用不了了,那是为什么呢???

倍速原理

看了几个油猴脚本倍速的源码,本质上倍速还是依靠js来改变playbackRate来实现的。不知道Edge上面的插件是怎么做的,感觉应该大差不差。

下面就以B站来演示下怎么来改变这个参数让我们的视频加速。

演示

首先F12打开浏览器控制面板。点击控制面板左上角的选择器,选择到正在播放的视频就会自动找到html结构。

聊聊浏览器视频倍速原理

我们需要的就是下图中箭头指向的那个标签bwp-video

聊聊浏览器视频倍速原理

接下来在控制面板下的console上输入下面这一行代码即可实现10倍速。

1
document.getElementsByTagName("bwp-video")[0].playbackRate = 10;

聊聊浏览器视频倍速原理

其他网站同理,只需要替换标签即可。

来看下效果,默认最高只有2倍速可以选择。

聊聊浏览器视频倍速原理

10倍速后就能看到视频显示10倍速了,GIF太卡了就不演示了。

聊聊浏览器视频倍速原理

下面已经显示是10倍速了,不过实在不推荐,除非的你的网络非常好要不然这么快非常卡。

聊聊浏览器视频倍速原理

看了下介绍,此参数是double类型,按道理可以支持小数点后面好长一段(其实是我忘了double精度了2333),比如你可以设置1.22222222倍速。

聊聊浏览器视频倍速原理

可以说能够完全根据你自身喜好来设置视频速度了,完全没有1倍速太慢2倍速太快的困扰。

插件

如果上面操作你感觉很复杂的话,浏览器插件可以是另一个选择。

首推Video Speed Pro,安装链接Video Speed Pro – Microsoft Edge Addons

Edge浏览器点击上面链接即可安装,其他浏览器需要在插件商店搜索Video Speed Pro

聊聊浏览器视频倍速原理

这个肯定没代码控制精细了,最低只能百分之一增加不过使用很简单。

闲聊

  1. 离谱,国庆节回家的票这么难抢,我家那18线小县城竟然在票一出来都没了。
  2. 有看过周姐的吗,请问她的道歉模板是抄的李佳奇的吗???
© 版权声明

相关文章