先说说为什么要在网页中调整倍速

       想必知到的必修课是每个在读大学生的噩梦,明明不是自己的专业课却不得不被辅导员催着刷掉每一章节。由此,想到了调整倍速的方法能让同学更快速高效地完成这些杂七杂八的课程,有更多的课余时间去做自己喜欢做的事情。

本博客案例非常简单,旨在让每一个大学生都能够解决观看必修课速度过慢的问题,就算是电脑小白,只要好好看图,也一定能学会的。

具体步骤:

拿智慧树平台举例子。首先登录智慧树平台,就不截图了。

按F12键,有这么一个界面

选择Search 在下方输入SpeedTab15 按下回车 如图:

点击黄色的地方我们会发现偏右上角的地方会跳转到一个代码行,点击每一行黄色的地方,分别将1596行、4266行、4272行中rate“1.5”里的1.5改成16(这是我试过最快的速度了) 如图:


将三行数据修改完后。视线回到我说[点它]的地方,点击我圈起来的地方

点完之后再点击视频右下角调倍速的地方

(这里可能有点难按,按不到的同学可以先将鼠标移在视频上方,然后再去点我上面圈起来的地方,这样会容易一点)

看到右边跳转到了

同样将这里改成16倍速

如图

最后,视频右下角选择1.5倍速就可以用16倍速观看视频了。

下面就是进阶了!虽然也非常的简单,进阶提供了自动静音、自动播放、自动答题的功能。

进阶步骤:点击Console,在下方

这个位置复制以下代码

document.querySelector('.volumeIcon').click();//静音处理document.getElementsByClassName('speedTab15')[0].setAttribute("rate",16);document.getElementsByClassName('speedTab15')[0].click();//1.5倍速播放setInterval(function(){//每3秒执行一次//判断播放进度是否到达100%if(document.getElementsByClassName('passTime')[0].style.width >= '80%'){setTimeout(function(){//用js执行“下一集”按钮的点击事件,延迟1s执行document.getElementById('nextBtn').click();},50);setTimeout(function () {//延迟4秒执行调节播放速率document.querySelector('.volumeIcon').click();document.getElementsByClassName('speedTab15')[0].setAttribute("rate",16);document.getElementsByClassName('speedTab15')[0].click();//先设置一下播放速率为1.5倍速},4000)}if(document.getElementsByClassName('bigPlayButton pointer')[0].style.display=='block'){//用于检测答题弹窗是否出现,并将其关闭document.getElementsByClassName('topic-item')[0].click()//只选A,弹窗题目不影响成绩,就不纠结选的对不对了document.getElementsByClassName('el-dialog__footer')[5].click()document.getElementsByClassName('el-dialog__headerbtn')[5].click()//点击按钮关闭document.getElementsByClassName('playButton')[0].click()//点击播放继续}},3000);

按下回车

至此,所有的步骤都结束了。谢谢大家的阅读。

参考文档:https://blog.csdn.net/q1246192888/article/details/106041849

版权声明:本文为CSDN博主「22 26 25」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_41523096/article/details/86517273

关于在网页里调整倍速的小技巧相关推荐

  1. 添加js代码:百度网盘网页版开倍速

    好久没写博客了,上半年都在准备比赛,计算机设计大赛.物联网设计大赛都拿了省一,西门子拿了省特(好像还是总分第一),还有一些其他稀稀散散的比赛也终于都结束了,但是保研这件事估计还是凉凉了,呜呜呜,今年没 ...

  2. 同一网段的服务器怎么能快速拷贝大文件夹,提高局域网内网速的小技巧

    提高局域网内网速的小技巧 局域网可以通过数据通信网或专用数据电路,与远方的局域网.数据库或处理中心相连接,构成一个大范围的信息处理系统.下面整理了一些提高局域网内网速的小技巧,希望对大家有所帮助! 1 ...

  3. 【工具】JS脚本|网页任意视频倍速播放(包括MOOC、本地视频、其他的视频)

      只要浏览器播放视频时用的是<video>,而且当前页面只有这一个视频,就可以用这个脚本.   刚好也是世界杯 CSDN 博客的活动了,虽然对活动没什么兴趣但是还是写一句和活动相关的话吧 ...

  4. 考研必备 | 百度网盘网页视频在线倍速播放

    写在前面:   考研学子努力加油,拼尽全力吧!  1.  >>  彩蛋 1 << 2.   >>  彩蛋 2<< 1.打开百度网盘网页视频播放页面 ,在 ...

  5. 百度网盘网页端视频倍速方法

    当我在网页端看百度网盘视频而苦于无法倍速的时候,我更改了视频的网页代码,每次看的时候只需复制粘贴一下代码就可以轻松实现倍速了,很简单! 首先,如下图进入开发者工具 在控制台(console)输入下面这 ...

  6. 百度网盘网页视频在线倍速播放

    1.在Chrome浏览器打开百度网盘视频播放页面 : 2.在该页面右键,点击"检查": 3.点击console,输入下行代码,回车(括号里填的是你想要的播放倍速): videojs ...

  7. 网页端视频倍速修改方法

    1.下载倍速插件,例如Video Speed Ajuster. 2.       F12 --控制台--键入 document.querySelector("video").pla ...

  8. B站视频任意调整倍速

    方法一 该方法应用于单个视频有效. 按F12,在console界面中,添加下面语句,回车即可(等于号后面的数字为倍速). document.querySelector('video').playbac ...

  9. 超级实用--解决大问题了--如何设置哔哩哔哩-实现3,4倍速视频播放---工作技巧001

    这个太实用了,为什么....因为我平时看教程的时候,如果速度过慢,就会影响效率,因为很多的技术点 都已经知道是怎么回事,很熟悉了,想跳过吧,又想听听熟悉一下,而如果一直用2倍速播放,又浪费时间 但是播 ...

最新文章

  1. 目标检测新范式:Sparse R-CNN
  2. 创业失败后,我决定开源所有产品代码
  3. springboot+mybatis+sqlserver导出数据库数据并实现下载到excel
  4. 能打羽毛球又能击穿墙壁,戴上这款机械臂,秒变蜘蛛侠反派「章鱼博士」
  5. lua源代码分析02:内存管理
  6. MESSAGE_TYPE_X dump in RSM_DATASTATE_CHECK -6-
  7. SQL Server 清空或删除所有数据库表中的数据
  8. 3W+字的设计模式手册
  9. vue.config.js 配置参考
  10. 硬件描述测试软件库中74138,杭电数电实验课内题设计答案.docx
  11. vue跨域解决方案websocket_前端跨域解决方案汇总
  12. 2018年程序员考试大纲
  13. linux如何卸载干净mysql
  14. 劲舞团显示正在登录message 服务器,[新手]劲舞团2.0之表情和message系统
  15. esp8266使用BME280实时上传温湿度气压
  16. 贪婪的大脑:为何人类会无止境地寻求意义 目录
  17. 码农翻身全年文章精华
  18. 克服弱点,愈发完美-自我篇——《人性的弱点》读后感
  19. #第七章 双波不干涉理论 ​一、双波不干涉理论的分级方法
  20. CSDN【精品专栏】第六期

热门文章

  1. 蛤蟆吃服务器显示无网络,hamachi创建网络时服务器报告了一个错误.doc
  2. 【Android studio】【Gradle】dependencies配置参数细解及异常解决
  3. HDU-1533(Going Home)
  4. 【电路理论】ArcGIS pro运行Linkage map3.0
  5. 创建电子杂志订阅表MySQL_MySQL—电子杂志订阅表的实现
  6. 画柱状图(查看英文文章单词出现频次)
  7. 基于基于粒子群优化算法的微电网调度(Matlab代码实现)
  8. 快速将pc和移动端网站合并成响应式网站
  9. (转)14款开源或免费的GIS软件
  10. iverilog Makefile 阅读