audio播放时，有时候timeupdate就更新了一段时间，然后一直返回重复的时间戳，导致我的进度条没有滚动起来.
audio标签的timeupdate时间问题
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
关注看了一下你的代码，timeupdateFunc方法中设置了this.valuel和this.setting.nowTime的值，这两个值在视图中被用来更新进度条，如果this.isDragging的值为true，那么这些值可能不会被更新，导致进度条没有滚动。你可以检查this.isDragging的值是否正确
解决 无用评论 打赏举报 分享
- 2021-03-24 18:58叽歪外道的博客 audio>+element-ui组件的组合方式，过程中需要实现播放时间的同步。 发现通过timeupdate事件处理相关逻辑会导致音频卡顿。 问题解决尝试 节流（不是问题根源） 通过节流来解决问题，以1s为长度 // 节流方法 timer...
- 2025-04-26 07:37fangyinggui的博客 html audio 标签
- 2023-04-25 22:02YogaMiller的博客 搭配slider 组件 ,利用原生audio的属性和方法重写样式。
- 2023-05-11 20:30Sca_jie的博客 自定义audio控制栏
- 2024-06-21 20:46一个无名之前端。。。的博客 主要是使用 vue3 + TypeScript 实现 使用audio标签播放语音列表，并且能够在页面中实时展示当前语音播放的时长 相关知识点文档 链接: https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/audio 链接: ...
- 2023-07-25 16:50菜鸡不敢说自己菜鸡的博客 <audio src="" controls loop preload="none"/> js操作(注释部分是解释，没注释部分是使用方法): <body> <audio src="audio.mp3" controls loop preload="none" id="audioTag"/> body> <script> // 拿到audio标签 ...
- 2019-08-12 05:44在这个应用中，我们利用HTML5的Audio标签结合JQuery库来创建一个音乐播放器，这是一个典型的前端开发实践。 首先，让我们了解HTML5的Audio标签。Audio标签是在HTML5中引入的新特性，它允许开发者直接在网页上嵌入...
- 2016-08-14 09:59ssisse的博客 timeupdate 事件在音频/视频（audio/video）的播放位置发生改变时触发。 该事件可以在以下情况被调用: 播放音频/视频（audio/video） 移动音频/视频（audio/video）播放位置（即播放时刻点被改变，例如拖动了播放...
- 2022-03-21 00:03例如，可以创建`<audio>`标签来嵌入音频文件，通过`<button>`创建控制按钮，使用`<ul>`和`<li>`构建歌曲列表。 2. **CSS美化**： 使用CSS对音乐播放器的各个组件进行样式设计，包括颜色、字体、布局和响应式设计。...
- 2022-11-15 15:18hello、深海鱼的博客 对听力题进行手动控制等一系列操作，其中最主要的用到的一些方法就是loadeddata、timeupdate、ended等
- 2020-09-29 00:40恐●v●易燃的博客 1.前端页面 链接：https://pan.baidu.com/s/1Ntc0lSY1-ceYS1Oww3v5_w 提取码：rqaw 2.jQuery实现步骤 初始化audio元素 //定义一个全局变量，用来存储公用数据 var rem = [] // 初始化函数 function initAudio(){ ...
- 2025-03-11 15:20AIU哎呀的博客 src源，controls播放控制器，loop 循环播放，autoplay 自动播放，height，width，宽度和高度，在Audio里面不能指定，但是在Video里面是可以的，muted 静音，poster 预览图（当视频没有播放或者正在加载时展示给用户...
- 2024-06-25 15:17一个无名之前端。。。的博客 audio添加事件以及异常处理
- 2024-06-18 17:27丁先生320的博客 标签实现音频流或语音流播放，使用fetch实现对语音在浏览器上播放
- 2022-03-24 23:40叨唠的博客 （2）操作audio语音播放：通过js操作audio媒体 （3）播放进度与进度条紧密关联：播放的进度改变时，进度条也随之改变；进度条改变时，播放的进度也随之改变 效果图： 开始我们的设计吧！ 第一步：点击拖拽...
- 2022-11-16 21:21audio.get(0).addEventListener('timeupdate', updateProgress); ``` 此外，`audio.js`库提供了一些额外的功能，比如预加载音频、自动播放、循环播放等。通过设置`audio.js`的配置选项，我们可以定制播放器的行为。...
- 2022-11-17 22:13等归,的博客 Vue中让Audio进度条实现同步
- 2025-06-04 15:42冷凌爱的博客 audio>标签是用于嵌入音频文件的元素，它支持多种音频格式（MP3、WAV、Ogg）并提供基本播放控制功能。主要特性包括： 基本属性：src指定音频源，controls显示默认控制界面，autoplay自动播放，loop循环播放，...
- 2021-12-23 17:23例如，我们可以使用`<audio>`标签来嵌入音频源，并通过CSS为各个组件添加样式。此外，HTML5的`<input type="range">`可以用来创建进度条和音量控制器。 接下来，利用JavaScript来赋予这些静态元素交互性。我们可以...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 3月2日-
修改了问题
3月2日
-
创建了问题
3月1日