JS的简单小应用——修改播放器速率

最新推荐文章于 2024-05-16 04:00:55 发布

꧁缓缓归꧂

最新推荐文章于 2024-05-16 04:00:55 发布

阅读量5.5k

点赞数 6

分类专栏： js 文章标签： javascript js

本文链接：https://blog.csdn.net/qq_45313088/article/details/104566962

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

修改播放器速率

JS基础
开始操作

总有一些小伙伴在看视频时感叹，要是有3倍速就好啦！！
让我们以B站的视频播放为例！今天3倍速它来了。

JS基础

其实原理非常简单，我们只要选出播放视频的Dom元素，就可以随心所欲地修改它的playbackRate属性啦!

Dom操作
document.getElementsByTagName()
document.querySelector()

开始操作

首先进入开发者调试工具（F12），进入console(控制台), 敲下如下的代码即可：

document.querySelector('video').playbackRate=3
//此方法适用于h5播放器，且当前页面只有一个播放窗口

或者

document.getElementsByTagName('video')[0].playbackRate
//此方法可以自由选取想要修改的播放窗口，默认第一个窗口为0

在这里插入图片描述
这样就可以实现3倍速的视频播放啦!

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

꧁缓缓归꧂

关注关注

6
点赞
踩
12

收藏

觉得还不错? 一键收藏
5
评论
JS的简单小应用——修改播放器速率

总有一些小伙伴在看视频时感叹，要是有3倍速就好啦！！让我们以B站的视频播放为例！今天3倍速它来了。
复制链接

扫一扫

专栏目录

解决Edge输入document.querySelector(‘video‘).playbackRate = 2.5视频无法加速的问题，‘Uncaught (in promise) TypeErro’

weixin_54048131的博客

01-14

1647

【代码】解决Edge输入document.querySelector(‘video‘).playbackRate = 2.5视频无法加速的问题，‘Uncaught (in promise) TypeErro’

lolipop:萝莉流行歌曲播放器

04-29

首先，我们要理解“lolipop”播放器的基础——JavaScript。JavaScript是一种广泛用于网页和网络应用的编程语言，它赋予了网页动态交互的能力。在“lolipop”播放器中，JavaScript负责处理用户界面的交互，如播放、...

5 条评论您还未登录，请先登录后发表或查看评论

网页视频F12倍速看

yasinzhang的博客

10-12

1869

首先在看视频的网页，点击F12，出现下方页面，其他页面不用管。2.0指的是倍速，可随意修改。16指的是倍速，可随意修改。

浏览器多倍速播放视频

keeper42的博客

08-14

1860

浏览器多倍速播放视频，按F12，在console中输入： document.querySelector('video').playbackRate = 3 即为3倍速播放，欲多倍速播放，修改参数即可。

复习，网课，视频回放，太慢怎么办，试试倍速播放吧（无需下载(1)

热门推荐

weixin_49716609的博客

04-09

4万+

浏览器在线视频播放加速方法——直接修改网页代码实现加速主要标志是****标签，这种是最方便实现加速的，因为原生支持。 defaultPlaybackRate (float): The playback speed at which the video should be played playbackRate (float): The current playback speed: 1.0 is normal, 2.0 is two times faster forward -3.0 is three t

js中的document.querySelector()方法

withkai44的博客

11-29

6606

ParentNode.querySelectorAll()的结果是NodeList数组，但是又不是一般的js数组（Array），所以也不能直接调用Array的方法。当页面中出现多个相同class标签(或者多个相同标签(比如多个div))时，如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。位于元素之前，元素将会被设置指定的背景颜色，总结，多元素选择时，哪个先匹配就是谁咯，只有一个被选中。querySelector() 方法仅仅返回匹配指定选择器的第一个元素。

让网页上的视频指定倍速播放

weixin_42052249的博客

05-09

4785

按F12进入控制台，在Console控制台下粘贴上如下代码： document.querySelector('video').playbackRate = 10; //10倍速播放然后按回车，ok，飞起来吧！！！

webshop-laravel:带有Laravel和JS的电子商务全栈应用

03-09

**全栈电子商务应用详解——基于Laravel和JavaScript** 在当今的互联网时代，电子商务网站已经成为商业活动的重要组成部分。本文将深入探讨一个名为“webshop-laravel”的全栈电子商务应用，它结合了强大的PHP框架...

计算机应用技术(实用手册)

07-29

计算机应用技术实用手册 Xnllz 2011.7.29 目录第一章COMS的设置 1 1．STANDARD CMOS SETUP（标准CMOS设定）用来设定日期、时间、软硬盘规格、工作类类型。 3 2．BIOS能功设定 5 3．Advanced ...

jester:JavaScript 执行内存可视化工具

07-10

3. 链接你的项目：将你的JavaScript应用与Jester连接，这可能需要修改代码以导入Jester的API，以便在运行时捕获内存数据。 4. 分析结果：Jester会在浏览器中打开一个界面，展示你的应用在运行时的内存占用情况，包括...

Node.js-图灵社区样书爬虫

08-10

Node.js 是一种基于 Chrome V8 引擎的 JavaScript 运行环境，它让开发者能够使用 JavaScript 来进行服务器端编程。在"Node.js-图灵社区样书爬虫"项目中，我们主要会探讨如何利用 Node.js 的能力来构建一个网络爬虫，...

B站调3倍播放速度

weixin_44371237的博客

01-07

1078

浏览器F12，在Console控制台输入以下代码 document.querySelector('video').playbackRate = 3;

python中利用js操作video标签

lgl9958123的博客

08-30

1188

自动化时，遇到操作视频的时候有时比较让人头疼，定位时会发现只有一个。本人学习后发现有两个问题暂没解决，知道的小伙伴可留言告知。可执行全屏，但我试了没有反应，本人谷歌浏览器）刷剧时，苦于页面设置进度最快也就三倍速，此时。的相关属性和方法就可实现，我们继续往下看。来取消静音状态后再去设置音量大小。是表示解除静音，此时视频会暂停。判断当前视频是播放还是暂停状态（设置清晰度，通过设置播放源来设置。若当前视频是静音状态，此时设置。属性来实现的，因此需要先知道。设置视频播放音量大小（是没有效果的，因为执行。

B站视频不同倍数（0.2倍、3倍、5倍……）

王声声的博客

02-26

1464

1、F12进入开发者工具 2、在控制台console 输入： document.querySelector('video').playbackRate = 3; // 3为你需要设置的倍数若报错也可换做： document.querySelector('bwp-video').playbackRate = 0.25; // 0.25为你需要设置的倍数 ...

b站多倍速播放脚本

keeper42的博客

11-10

1432

按F12，在console中输入 document.querySelector('video').playbackRate = 4

浏览器设置视频播放0.5/2/3/4倍速的代码

阿酷tony

09-14

1万+

以谷歌浏览器为例：按键Ctrl−Shift−I，在console标签下，输入： 0.5倍速： document.getElementsByTagName("video")[0].playbackRate = 0.5 2倍速： document.getElementsByTagName("video")[0].playbackRate = 2 3倍速： document.getElementsByTagName("video")[0].playbackRate = 3 4倍速： doc

多点互联应用——m-lvds介绍

07-05

### 回答1： M-LVDS（多点低压差分信号）是一种用于高速（多点）数据传输的接口技术。它是LVDS（低压差分信号）接口的一种升级版本，广泛应用于各种领域，包括工业自动化、通信设备、计算机和汽车电子等。 M-LVDS接口具有以下特点： 1. 高速传输：M-LVDS可以实现高达500Mbps的数据传输速度，适用于需要快速传输大量数据的应用场景。 2. 多点连接：与传统的LVDS接口不同，M-LVDS接口可以同时连接多个设备，实现设备之间的多点通信。 3. 低电压和低功耗：M-LVDS采用低压差分信号传输，电压波动小，功耗相对较低，能够降低系统的能耗。 4. 抗干扰性强：M-LVDS接口在高速传输环境下具有较强的抗干扰能力，能够有效地抵御噪声和干扰对数据传输的影响。 M-LVDS接口在实际应用中具有广泛的用途。例如，在工业自动化领域，M-LVDS接口可以用于传输高速数据，实现设备之间的快速通信；在通信设备中，M-LVDS接口可以用于传输高质量音频和视频信号；在计算机领域，M-LVDS接口可以用于连接显示器和其他外部设备，实现高清视频传输；在汽车电子领域，M-LVDS接口可以用于车载音频和视频娱乐系统，提供高品质的娱乐体验。总而言之，M-LVDS接口是一种多点互联的高速数据传输技术，具有高速传输、多点连接、低电压和低功耗、抗干扰性强等特点，在各个领域都有着广泛的应用前景。 ### 回答2： M-LVDS (Multi-point Low Voltage Differential Signaling) 是一种用于多点互联应用的数据传输接口。它采用差分信号传输方式，能够在长距离传输数据，并且保持较低的功耗和噪声。M-LVDS广泛应用于工业控制系统、汽车电子、通信设备等领域。 M-LVDS的优势在于其可靠性和高速传输能力。它采用差分信号传输，可以抵抗电磁干扰和噪声，从而提供更可靠的数据传输。此外，M-LVDS的传输速率可以达到几百兆比特每秒，可以满足许多高速数据传输需求。此外，M-LVDS还具有低功耗的特点。由于使用低压差分信号传输，M-LVDS比传统的单端信号传输接口功耗更低。这对于一些需要长距离传输数据并要求低功耗的应用来说非常重要。 M-LVDS适用于多种多点互联应用。例如，在工业控制系统中，传感器和执行器通常需要长距离传输数据，而M-LVDS可以提供可靠的数据传输和较低的功耗。在汽车电子中，M-LVDS也能够满足高速数据传输的需求，例如在车载娱乐系统中传输音频和视频信号。此外，M-LVDS还可用于通信设备中，如以太网交换机和光纤通信设备等。总之，M-LVDS是一种适用于多点互联应用的数据传输接口，具有可靠的传输性能、高速传输能力和低功耗特点。它在工业控制、汽车电子、通信设备等领域有广泛的应用前景。 ### 回答3：多点互联应用是指将多个设备通过网络连接起来，实现数据的传输与共享。而M-LVDS（Multipoint Low-Voltage Differential Signaling）是一种多点互联应用中常用的传输技术，它适用于远距离、高速的数据传输。 M-LVDS是一种差分信号传输技术，它通过同时传输高电平和低电平的差值来表示数字信号。相比于单端传输技术，差分传输具有更好的抗干扰能力和抗噪声能力，能够在长距离传输中保持信号的稳定性。 M-LVDS的工作电压通常为2.5V或3.3V，可以在1Mbps到200Mbps的速率下工作。它支持多点连接，一个主设备可以同时与多个从设备进行数据通信。这使得M-LVDS适用于需要高速传输和多点连接的应用场景，比如工业自动化控制系统、汽车电子设备等。 M-LVDS的连接方式通常采用星型拓扑结构，主设备作为总线的中心节点，从设备通过独立的线路与主设备连接。M-LVDS总线可以实现全双工通信，使得主设备和从设备可以同时发送和接收数据。总之，M-LVDS是一种多点互联应用中常用的传输技术，它通过差分信号传输实现高速、远距离的数据传输，具有良好的抗干扰能力和抗噪声能力。它适用于需要高速传输和多点连接的应用场景，可以广泛应用于工业自动化控制系统、汽车电子设备等领域。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交