[油猴脚本开发指南]h5视频倍速,时间加速和run-at

转载自油猴中文网：bbs.tampermonkey.net.cn
李恒道QQ4548212
油猴中文网bbs.tampermonkey.net.cn
TamperMonkey GreaseMonkey 油猴脚本脚本交流脚本分享
油猴脚本开发油猴基础开发油猴油猴中文
公众号:叛逆青年旅舍
https://bbs.tampermonkey.net.cn/

本节主要内容:
视频加速与时间加速,会写一个用于:http://time.tianqi.com/的时间加速和用于bilibili的一个视频倍速:https://www.bilibili.com/video/BV1ys411p7To

时间加速
首先来介绍一下时间加速的原理.一般情况下,都是使用setInterval来做定时器,我们只要把这个定时器的时间缩短,比如之前是1s触发一次,现在变成500ms触发一次,那么就相当于时间缩短了一倍.

怎么缩短呢?我们可以劫持setInterval这个函数,传入值为1000,我们把他变为500.代码类似下面这样:
```
let hookSetInterval=window.setInterval;//将系统提供的setInterval保存
window.setInterval=function(a,b){//将系统的setInterval替换为我们自己的
return hookSetInterval(a,b/2);//经过处理后再调用系统的setInterval
}
```

在脚本中也是类似的代码,不过如果使用//@grant unsafeWindow的话,window替换为unsafeWindow,

视频倍速
视频倍速的话,其实也很简单,主要牵扯到h5的video,里面有一个播放速度的属性:playbackRate,最高为16倍.
https://developer.mozilla.org/zh ... lement/playbackRate

像b站这个页面,里面只有一个视频,我们直接document.querySelector('video')就可以获取到了,如果有多个选择器写好也没问题.代码如下:
```
document.querySelector('video').playbackRate=2;
```
RUN-AT
注意这里还有一个比较重要的属性:// @run-at,:https://www.tampermonkey.net/documentation.php#_run_at
主要是设置脚本运行的时候.这里我们设置为:// @run-at document-start 希望脚本尽快的被注入,因为我们要抢在前端调用setInterval之前来替换掉setInterval函数.

脚本
知道上面的做法后,脚本也很容易写了,这次我们再来复习下之前的unsafeWindow和//@match.
代码我另外发帖了:https://bbs.tampermonkey.net.cn/thread-179-1-1.html

[油猴脚本开发指南]h5视频倍速,时间加速和run-at相关推荐

[油猴脚本开发指南]脚本ajax的跨域请求
转载自油猴中文网:bbs.tampermonkey.net.cn 李恒道QQ4548212 油猴中文网bbs.tampermonkey.net.cn TamperMonkey GreaseMonkey ...
[油猴脚本开发指南]脚本自动化之模拟点击和表单填写
转载自油猴中文网:bbs.tampermonkey.net.cn 李恒道QQ4548212 油猴中文网bbs.tampermonkey.net.cn TamperMonkey GreaseMonkey ...
[油猴脚本开发指南]脚本往页面上添加新元素
本节主要内容转载自油猴中文网:https://bbs.tampermonkey.net.cn/ 李恒道QQ4548212 油猴中文网https://bbs.tampermonkey.net.cn/ ...
Tampermonkey油猴脚本开发视频教程-3.脚本配置和权限申请UserScript
视频和代码https://www.toolchest.cn/static/mv3.html 脚本头部2个"// ==UserScript=="之间编写脚本相关的配置信息和权限申请等 ...
记录一次油猴脚本开发的Demo（入门级）、开发过程
记录一次开发油猴脚本的demo 前言:之前听别人讲油猴脚本怎么怎么地,怎么怎么样,一直以为是个很难的东西,所以在上周五的时候,就自己看了一下,这个东西也不太难.主要还是js玩的6就行了.当然了我的js ...
油猴脚本开发学习1--豌豆荚快速查看所有版本
文章目录 1.需求来源: 2.开发者工具开发: 3.油猴插件开发: 1).油猴学习: 2).可以自己找几个学习简单一下 3).我最终的脚本: 4).你可以选择新建 4.注意点: 1.油猴,run at ...
【javascript】油猴脚本开发整理
前言油猴脚本有挺多用处,这玩意不用审核,可以做点效率工具. 文档油猴官网油猴插件发布搜索商店油猴插件开发者文档谷歌防csp插件 vercel用于部署api或者js 开发开发简单的就直接上面 ...
【工具】JS脚本｜网页任意视频倍速播放（包括MOOC、本地视频、其他的视频）
只要浏览器播放视频时用的是<video>,而且当前页面只有这一个视频,就可以用这个脚本. 刚好也是世界杯 CSDN 博客的活动了,虽然对活动没什么兴趣但是还是写一句和活动相关的话吧 ...
Chrome插件与油猴脚本
Chrome插件与油猴脚本简介油猴脚本编写要点简介开发过Chrome插件的开发者,都会被Chrome插件的content,background(service),popup,inject 等各 ...

[油猴脚本开发指南]h5视频倍速,时间加速和run-at

[油猴脚本开发指南]h5视频倍速,时间加速和run-at相关推荐

最新文章

热门文章