如何修改网页视频播放倍速?(最高16倍速)(代码片段)

信息技术王凤龙 信息技术王凤龙     2023-04-07     565

关键词:

Global Speed是一个很好用的网页视频速度控制插件,最高可设置16倍速播放(百度网盘也可以倍速观看)

  1. 打开Microsoft Edge浏览器,这是win10及以上系统自带的浏览器,我们直接双击打开即可(如果没有安装可单击官网链接去下载并安装:https://www.microsoft.com/zh-cn/edge

  2. 单击浏览器上方的"拓展"插件图标(如果没有,则点击右上角的三个点,在弹出的菜单中,右击“拓展”插件图标,选择”在工具栏显示“,就可以看到多了一个拓展图标)

  3. 单击上述图标,选择“打开 Microsoft Edge 加载项

  4. 搜索“GlobalSpeed”,单击“获取

  5. 单击“添加拓展

  6. 等待一会系统提示已添加

  7. 单击"拓展"插件图标,设置“GlobalSpeed”插件可见

  8. 当我们需要将网页中的视频修改播放倍速时,只需要该插件的图标,选择对应的倍速即可。

    • 百度网盘也可以倍速观看

原理

通过获取并设置视频video对象的playbackRate属性设置倍速,默认为1(最大值为16)

属性功能
autoplay是否自动播放
loop是否循环播放
currentTime设置或返回视频播放的进度(前进、后退)
muted是否静音播放
volume设置或返回播放的声音大小
playbackRate设置或返回播放的速度
…………
document.querySelector("video").playbackRate=2

复习,网课,视频回放,太慢怎么办,试试倍速播放吧(无需下载)(代码片段)

...务繁忙,想要会看视频,却又觉得视频讲得太慢,那么该如何实现网页端的强制倍速播放呢?大多浏览器都带有开发人员选项,以谷歌浏览器为例:这是我校的在线教育平台,可以看到暂时没有倍速播放按钮具体方法如下:如果... 查看详情

无vip倍速播放百度网盘视频(代码片段)

在播放页面按F12打开控制台,选择console,复制如下代码并回车:videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5)1.5是倍速,要的倍速调成相应地数字即可likeqcends 查看详情

html5视频画质清晰度切换和倍速播放切换代码参考(代码片段)

...阿酷TONY /原创/2022-11-10 / 长沙 /2022-11-11/html5视频播放器如何实现【视频画质清晰度切换】和【倍速播放切换】?html5视频画质清晰度切换切换效果(1) html5视频倍速播放切换效果(2)html5视频画质清晰度切... 查看详情

百度云shadow-root内的video倍速播放(代码片段)

...频加速,可是shadow-root(closed)下的元素没有办法访问和修改。所以video获取不到,想了半天,发现可以往里面加html代码来实现元素访问。实现原理,element对象的两个属性parentNode返回父级元素firstChild返回元素的首个子元素chorme... 查看详情

简易的html5视频播放倍速代码写法(代码片段)

HTML5视频标签有一个叫做playbackRate的属性,用于设置倍速播放。例如设置播放速度为2倍,可以写成:<videosrc="video.mp4"autoplaycontrolsplaybackRate="2"></video>同时,可以使用JavaScript来控制播放速... 查看详情

视频倍速如何一键调整

...方法就显得有点落后了,今天小编要与大家分享一下如何批量调整多个视频文件的播放速度,快来看看吧。首先我们在“固乔科技”的官网找到“固乔剪辑助手”这款软件,将其下载安装到电脑中。软件支持批量剪辑... 查看详情

基于ffmpeg的视频播放器之十一:倍速播放

倍速播放通常有两种方式:一种是变速变调,另一种是变速不变调一.变速变调这种方法的原理就是音频重采样。比如说44100Hz采样率的音频,每秒钟有44100个采样点,如果我们要加速为200%播放,最简单的方法是将解码出来的音频... 查看详情

如何调节b站倍速播放

想随意调节B站倍速播放,谷歌浏览器按f12,点选console输入:document.querySelector(‘video’).playbackRate=3;按下回车即可3倍速播放,想要多少的速度自己调节比如:如果f12不行,可以选择右键,检查, 查看详情

如何调节b站倍速播放

想随意调节B站倍速播放,谷歌浏览器按f12,点选console输入:document.querySelector(‘video’).playbackRate=3;按下回车即可3倍速播放,想要多少的速度自己调节比如:如果f12不行,可以选择右键,检查, 查看详情

uniapp背景音倍速切换ios问题

...速切换开发时有视频播放速度需求,在官网查看资料后,网页、安卓都可以实现倍速,但在ios下不支持。uni-app(uni,读youni,是统一的意思)[2]是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Androi... 查看详情

学习通切换播放(可设置倍速静音)(代码片段)

声明:非原创,代码来源于网络【F12→Console粘贴后回车】1functionplayVideo()2letiframe=$("#iframe").contents().find("iframe").contents();3letvideo=iframe.find("#video_html5_api")[0];//找到video对象4if(video==undefined)5co 查看详情

android音频倍速的原理与算法分析(代码片段)

概述音视频倍速是内容类APP非常重要的功能,其内部包含了视频流和音频流的倍速,其中视频倍速原理相对简单,即在解码视频帧时提升帧率即可。音频倍速相对复杂,众所周知,声音的本质其实是物体振动... 查看详情

android音频倍速的原理与算法分析(代码片段)

概述音视频倍速是内容类APP非常重要的功能,其内部包含了视频流和音频流的倍速,其中视频倍速原理相对简单,即在解码视频帧时提升帧率即可。音频倍速相对复杂,众所周知,声音的本质其实是物体振动... 查看详情

ai智能视频融合平台easycvr设备录像回看新增播放倍速

EasyCVR平台融合性强、开放度高、部署轻快,支持海量视频汇聚管理,支持与第三方集成,平台可将接入的流媒体进行处理及分发,分发的视频格式包括RTSP、RTMP、FLV、HLS、WebRTC等。在视频功能上,平台可提供... 查看详情

android音频倍速的原理与算法分析(代码片段)

作者:却把清梅嗅概述音视频倍速是内容类APP非常重要的功能,其内部包含了视频流和音频流的倍速,其中视频倍速原理相对简单,即在解码视频帧时提升帧率即可。音频倍速相对复杂,众所周知,声音的... 查看详情

video.js组件在vue项目中的综合使用详解(多个视频+倍速播放)(代码片段)

Video.js——一款开源且功能丰富的web视频组件Video.js在Vue项目中的综合使用详解(多个视频+倍速播放)开发中,使用video标签自带的属性难以达到我们实际所需要的效果;例如视频的倍速播放功能,利用原生... 查看详情

unity学习基于json的ui回放系统(倍速)(代码片段)

...基于JSON的UI回放系统(倍速)(二)前言视频演示UltimateReplay2.0使用借助UltimateReplay2.0实现UI倍速回放1.实现三维物体的Transform回放2.实现三维物体和UI的倍速播放基于UltimateReplay2.0的另一种UI回放方法Demo下载前言因... 查看详情

unity学习基于json的ui回放系统(倍速)(代码片段)

...基于JSON的UI回放系统(倍速)(二)前言视频演示UltimateReplay2.0使用借助UltimateReplay2.0实现UI倍速回放1.实现三维物体的Transform回放2.实现三维物体和UI的倍速播放基于UltimateReplay2.0的另一种UI回放方法Demo下载前言因... 查看详情