JS设置视频播放速度,加速网课视频小技巧

已于 2023-12-15 20:14:01 修改
阅读量6.3k 收藏 12
点赞数 1
文章标签： javascript 前端 开发语言
于 2023-08-31 09:47:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74007708/article/details/132596211
版权

方法 一：示例代码

document.querySelector('video').playbackRate = 5;

进入到要加速的视频页面按F12打开控制控制台输入代码并回车

方法二：示例代码

document.getElementsByTagName("video")[0].playbackRate = 5;

进入到要加速的视频页面按F12打开控制控制台输入代码并回车

冰冰很社恐
关注
javascript视频倍速播放
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-31 2489
javascript视频倍速播放
H5（html5 video）视频播放禁止拖动进度条，不能快进，不能后退；微信公众号视频播放；Java视频流播放
01-16
H5（html5 video）视频播放禁止拖动进度条，不能快进，不能后退；微信公众号视频播放，视频播放后才能操作其他内容。 内含Java视频流播放，本人并不建议直接将视频路径放到src中，而是使用视频流方式获取
网页视频加速
08-21
这是一款小巧的视频加速客户端及网络视频加速器免费版。 　淘花加速器智能网速优化先进的带宽侦测技术，网速智能调节，带宽利用更加合理，使用更省心。 　 　淘花加速器 特色优点： 　　1.不用缓冲，不用等待，尽情享受视觉大片。 　　2.闪电加速拖动观看无需等待，快进快退随心所欲。 　　3.超高清画质，播放畅通无阻确保高清影片在线播放更加清晰流畅。
油猴插件：视频倍速脚本（0.5倍速-3.0倍速）
qq_45831414的博客
09-15 1081
【代码】油猴插件：视频倍速脚本（0.5倍速-3.0倍速）
网页视频倍速
热门推荐
m0_57010556的博客
09-01 2万+
打开视频播放页，按F12，找到控制台（Console）在控制台里面粘贴以下代码（其中之一即可），按回车。可根据自己的需求调节数值大小。
【计算机学习】-- 网页视频加速
用余生去守护的博客
03-04 4415
消除焦虑的方法就是让自己忙碌起来，做任何一切有意义的事
【秒杀】网课视频播放速度太慢，js提升网页视频播放速率，在浏览器中修改视频播放速度
VLOKL的博客
03-28 3936
【秒杀】网课视频播放速度太慢，js提升网页视频播放速率，在浏览器中修改视频播放速度
JavaScript倍速播放视频
ZTBztb123456的博客
06-01 1110
F12打开开发者工具，打开控制台，输入这行代码，视频即可加速播放，可以调整倍速（2，4，8，16）
JavaScript----设置和查看video的倍速值
牧小七的博客
03-19 1018
使用js代码设置和查看video的倍速值。
JavaScript设置视频播放速度
一个懒鬼的博客
03-18 3549
JavaScript设置视频播放速度 喜欢媒体已经从自定义插件(Flash ... gross)转移到基本HTML中<video>和<audio>元素。例如，将这些媒体源视为另一个元素，我们可以使用CSS过滤器来调整显示。我们需要做的ffmpeg或插件越少越好。 许多视频网站都实现了调整视频播放速度的功能，如果试图更快地通过一些体育赛事亮点或者看到怪物在超慢动作中扣篮，希望它不需要某些特殊类型的服务器来以较慢或较快的块发送文件，你所需要的只是使用javascript中playb.
网课加速器
09-08
用谷歌浏览器，或者IE浏览器；浏览网页，点击视频时可以用这个加速器加速播放速度，最高5倍，也可以减慢速度
加速视频播放代码.docx
09-01
标题中的“加速视频播放代码”指的是一个用于加快视频播放速度的JavaScript脚本，适用于Google浏览器。这个脚本的目的是为了帮助用户快速浏览那些通常不能快进的在线课程或教育视频内容，例如网课。在日常学习或工作...
前端开发-js-视频播放时长实时记录
04-10
自己写的一个用于记录视频播放时长的js，通过video标签的事件处理实现，文末有使用示例，引入即用。
video speed controller 谷歌浏览器视频倍速播放插件
05-19
"video speed controller"是一款专为谷歌浏览器（Google Chrome）设计的视频播放插件，它允许用户自定义视频播放速度，从而实现快进、慢放等倍速播放功能。这款插件对于在线学习、观看教程或者快速浏览视频内容的...
基于js与flash实现的网站flv视频播放插件代码
10-25
本文主要讲解如何通过JavaScript (js) 和 Flash 技术实现一个网站上的FLV视频播放插件。FLV（Flash Video）是一种流行的视频格式，常用于网络流媒体，因为它在低带宽下也能保持良好的画质。 首先，要实现这个功能，...
JS视频播放
07-19
在IT行业中，JavaScript（简称JS）作为一种强大的客户端脚本语言，广泛应用于网页和应用程序的交互设计，包括视频播放功能。本资源提供了一个基于JS的视频播放插件源码，使用了jsModern插件，使得创建视频播放器变得...
网页看视频,加速敢看的技巧
lacrimarrum的博客
01-04 1万+
打开控制台, console标签下 $('#vplayer_html5_api')[0].playbackRate=你要的速度(默认为1,0.1~2之间) 方式二 废话不多说， 以极客为例。就很简单两个步骤和几行代码： F12 --->firebug---> 点击video  获取到div的Id: 即： play_video_html5_api 然后在co
javascript速度_使用JavaScript设置视频播放速度
Web 开发&软件开发
08-09 5363
使用JavaScript设置视频播放速度 我喜欢媒体已经从自定义插件（Flash ... gross）转移到基本HTML <video>和<audio>元素。 例如，将这些媒体源视为另一个元素，使我们可以使用CSS过滤器来调整显示。 我们需要对ffmpeg或插件做的越少，越好。 我一直注意到，许多视频网站都实现了调整视频播放速度的功能，如果您试图更快地通过一些体...
微信小程序刷网课倍速代码
最新发布
10-15
微信小程序本身并没有提供直接的倍速播放功能，因为这是由视频源决定的，小程序的API通常不会允许对视频内容进行这样的控制。但是，你可以通过一些技巧间接实现类似的效果。 首先，你需要找到视频播放的HTML元素，这通常是一个`<video>`标签。然后，你可以尝试使用JavaScript监听视频的`timeupdate`事件，每当视频时间更新时，计算出当前播放速度与默认速度的比例，并调整进度条的位置来模拟“倍速”效果。 以下是一个简单的示例代码片段，但这并不是真正的倍速功能，只是一个视觉上的快进效果： ```javascript Page({ data: { videoElement: null, }, onLoad: function() { this.videoElement = document.querySelector('video'); // 监听视频时间变化 this.videoElement.addEventListener('timeupdate', this.handleTimeUpdate); }, handleTimeUpdate: function(e) { const currentDuration = e.target.currentTime; // 假设你想让视频看起来是2倍速，这里只是改变进度条位置 this.videoElement.currentTime = currentDuration * 2; }, }) ``` 注意：这个做法仅仅是改变了显示的速度，实际播放速度并未改变，且可能会因浏览器限制而受限，且不符合版权规定，不建议用于正式的网课学习场景。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冰冰很社恐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值