HTML5 Audio playbackRate 不生效的一种原因

最新推荐文章于 2026-04-24 10:17:22 发布

原创最新推荐文章于 2026-04-24 10:17:22 发布 · 5.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#HTML5 #Audio #Video

收录于

HTML5/Javascript 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在Firefox浏览器中，如何正确设置obj.playbackRate属性以调整播放速度。发现该属性需在obj.load()方法之后调用才能生效，实时修改不受影响。

环境： firefox
obj.playbackRate 放到 obj.load() 前不生效，只有放到 obj.load() 后才产生效果，请注意。
实时修改此参数不受影响。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

y31

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML中的audio和video

web前端开发教程htmlcssjs

01-15

1321

如何添加油猴脚本用以模拟点击网页按钮

gfs258的博客

10-06

8670

背景考研，看某某网盘上的视频，使用网上的方法例如在F12控制台输入videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5) 但提示似乎videojs更新了，这个方法失效，我也使用document.querySelector("video").playbackRate = 1.5这种成功调整了倍速，但引起了画面卡顿（可能某某网盘检测到了）成功尝试但我有会员，可以点按倍速按钮调节，于是想到了用脚本，但是百度，你懂的，

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

如何用前端工具实现视频播放速度自由控制：Plyr与Videojs实用指南

最新发布

gitblog_00221的博客

04-24

482

在网络学习和视频观看过程中，控制播放速度是提升效率的关键功能。本文将介绍如何利用gh_mirrors/fr/frontend-stuff项目中推荐的前端视频播放工具，轻松实现播放速度调节，让你的在线学习体验更加高效。 ## 📌 为什么需要控制视频播放速度不同的学习场景和内容类型需要不同的播放速度： - 快速浏览课程概述时使用1.5-2倍速 - 观看技术细节时调回0.75-1倍速 - 复习重

微信小程序 audio 控制不成功的解决办法

qq_41383999的博客

04-19

1452

发现微信小程序的官方文档在实时跟新，之前的有些标签或者方法不见了。以上是控制audio组件的方法是根据组件的唯一id生成相应的实例对象，通过对象的各种发放来控制组件。我现在看到的官方文档是通过有个action属性，给属性指定特定的值组件就会执行特定的动作。 method 描述 data play 播放 pause 暂停 setPlaybackRate 调整速度倍速 setCurrentTime 设置当前时间播放时间 .wxml <audio poster="{{poster}}" name=

android html audio,html5 用audio的playbackRate属性控制播放速度在安卓手机不起作用？...

weixin_39774491的博客

05-27

358

speed:function(th){varself=this,speed=$(th).data('speed');self.Audio.playbackRate=speed;console.log("speed="+speed)}speed 有0.5 ， 0.8 ， 1 几种速度，在ios上没有问题，但是我的安卓手机却没有反应，不知是什么原因...

AUDIO标签详细解读

weixin_42275589的博客

05-06

9249

文章目录过程前情提要重点前言audio标签概述属性`src``controls``loop``muted``preload`JS操作拿到audio标签当前播放时间currentTime音频总时长duration音量volume播放速率playbackRate播放play()暂停pause()是否暂停paused暂停pause()加载load()加载的生命周期（按先后顺序排序）loadstart开始...

js-audio对象-音频倍速播放、定位播放

sunxiaolinlinx的博客

08-12

4818

音频倍速播放添加链接描述添加链接描述

html5下调用playbackrate函数可以实现变速播放,,html5 用audio的playbackRate属性控制播放速度在安卓手机不起作用？...

weixin_39964590的博客

06-05

633

speed: function(th) {var self = this,speed = $(th).data('speed');self.Audio.playbackRate = speed;console.log("speed="+speed)}speed 有0.5 ， 0.8 ， 1 几种速度，在ios上没有问题，但是我的安卓手机却没有反应，不知是什么原因造成的？--------------...

html5控制audio播放速度,html5 audio 速度有关问题

weixin_36448199的博客

06-15

1289

html5 audio 速度问题Audio playbackRate ExampleCanvas not supportedPlayIncrease speedDecrease speed// Create a couple of global variables to use.var audioElm = document.getElementById("audio1"); // Audio e...

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

weixin_54048131的博客

01-14

5387

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

playbackRate android,html5 用audio的playbackRate属性控制播放速度在安卓手机不起作用？...

weixin_30677191的博客

05-28

499

活动直播做多会场切换功能（会场一、会场二、会场三自由切换）

阿酷tony

10-29

1656

活动直播做多会场切换功能（会场一、会场二、会场三自由切换） TONY原创，2020-10-29 活动直播做多会场切换功能截图特点：支持PC端，也支持移动端观看，会场自由切换我的视频应用类原创文章：酷播云免费视频二维码的完整使用教程（适合小企业做微信视频宣传）视频二维码的适用场景微信公众号直播有哪些不一样的玩法？微信视频直播如何做收费直播（如何做付费的微信直播）图文教程说说视频编码格式、视频码率、视频帧率、分辨率的概念原创教程：带ppt课件和讲师画面的教...

audio常用的事件及方法整理

qq_34656296的博客

10-14

1万+

audio 属性可读写属性: src: 播放文件地址 autoplay: 基于用户体验角度各大浏览器禁止自动播放 controls: 控制器显示 muted: 是否静音 loop: 是否循环播放 currentSrc: 当前播放地址 currentTime: 当前播放时长单位 s duration: 音频时长单位 s volume: 音乐音量 [0, 1] 最小值 0 最大值 1 playbackRate: 播放速度只读属性: paused: 音乐是否暂停播放 tr..

document.querySelector(‘video‘).playbackRate报错

热门推荐

weixin_45034895的博客

09-02

2万+

之所以会发这一篇，是因为我习惯1.75倍速播放，但是b站只有1.5和2，搞得我很头疼。本来我有个插件，可以1.75倍加速播放的，但是最近不能用了，不知什么原因。所以我就搜索了下有什么办法可以修改b站视频播放倍速。然后就有了如下得内容。查到的办法按F12在控制台输入如下代码 document.querySelector("video").playbackRate="16" 据说这个办法可以修改倍速。报错我用了之后报错了，原因是啥？别人打开源码，里面由video的标签，我没有。所以肯定报错。别人的：

前端学习（2489）：初识vue以及引入vue

歌谣的博客

11-02

870

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta ht...

浏览器中修改视频播放速度

懒羊羊我小弟的博客

06-30

1万+

在浏览器观看视频时无法设置视频倍速，或提供的倍速不够，还想要加快播放速度。解决这个问题只需要简单几步即可随意设置播放速度。在此之前需要了解一点点的浏览器操作知识与JS语法，不会也没关系按照下面操作就可以。...

网页版B站慕课MOOC 百度网盘倍(失效)速播放代码

weixin_44223180的博客

03-16

1390

B站：document.querySelector('video').playbackRate = 2.0 百度网盘： videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(2.0) F12进入开发者调试工具输入代码，回车即可。上述代码是2.0倍速，将对应播放速度更改可调成想要的速度。 ...

chrome无插件倍速播放视频

Sanfeng_W的博客

09-16

818

步骤 F12 - console document.querySelector("video").playbackRate = 1.5 // 1.5倍播放