html audio加载卡顿,audio 设置了currentTime后为什么会卡顿?

news/2024/11/28 3:31:11/

代码如下:

methods:{

editprogress(value){

this.demoSlider=value;

this.$store.commit('editProgress',this.demoSlider)

}

}

editProgress(state,progressValue){

const playerBar=document.getElementById("playerBar");

let currentTime=playerBar.duration*(progressValue/100);

// 清除下行代码即不再卡顿;

playerBar.currentTime=currentTime;

let duraTime=playerBar.duration-playerBar.currentTime

let duraMinute=Math.floor(duraTime/60)+":"+(duraTime%60/100).toFixed(2).slice(-2);

let currentMinute=Math.floor(playerBar.currentTime/60)+":"+(playerBar.currentTime%60/100).toFixed(2).slice(-2);

state.audio.currentTime=currentMinute;

}

这是一个播放器的进度条,用的是muse-ui的组件,当拖动播放条时调整音频进度,代码可以运行,唯一的问题就是音频卡顿,经过验证,清除设置currentTime(见第三段代码)就不卡了。

请教大神是什么原因?PS:chrome浏览器,safari已测试,均卡顿。


http://www.ppmy.cn/news/494754.html

相关文章

linux pulseaudio卸载,解决Ubuntu 9.04 下 PulseAudio声音故障

升级系统到Ubuntu 9.04之后,发现系统没声音了,pulseaudio和alsa都不可用,只有oss还能用。 参考了Ubuntu 8.04/8.10 系统无声、音频独占的解决方法解决了这个问题,只是按照文中给出的办法是把pulseaudio干掉,之用alsa,貌似照做一遍之后pulseaudio和alsa都恢复了正常。 做法…

Android audio介绍

转自 https://www.cnblogs.com/hzl6255/p/12173595.html 阅读目录 1. 架构2. Audio HAL3. Native Audio4. Java Audio 开始这篇文章之前&#xff0c;需要先了解<Linux音频编程> 回到顶部 1. 架构 在Android中&#xff0c;audio以分层的方式实现&#xff0c;从上到下…

USB audio调试

androidstudio打印的信息有如下&#xff1a; 07-12 08:27:17.660 2284-2284/? I/AudioFlinger: loadHwModule() Loaded a2dp audio interface from A2DP Audio HW HAL (audio) handle 7 07-12 08:27:17.660 2284-2284/? I/AudioFlinger: loadHwModule() Loaded usb audio int…

Audio Unit

Audio Unit 推荐先阅读Audio Unit Hosting Guide for iOS&#xff0c;部分翻译的文章可参考Audio Unit 基础 Audio Unit在框架中位置 Audio Unit提供了音频快速的模块化处理&#xff0c;在以下的场景中更适合使用AudioUnit&#xff0c;而不是更高层次的音频框架&#xff1a…

Android Qcom Audio入门学习

总结&#xff1a; Android Audio不简单呀&#xff0c;一个人摸索入门不容易的&#xff0c;研究了一段时间&#xff0c;感觉还不是很懂&#xff0c;但以下的知识对入门还是有帮助的。 Audio架构中的名词 FE(Front End) 提供pcm的设备信息&#xff0c;将数据从用户空间传输到音…

android base64.encode 参数,Android Base64音频文件编码/解码(Android Base64 Audio File Encode / Decode)...

Android Base64音频文件编码/解码(Android Base64 Audio File Encode / Decode) 这样做:我目前正在录制语音并将其保存为sdCard中的文件,该文件在MediaPlayer中运行良好。 我想要什么:当我编码这个文件到Base64并发送到服务器,一切都很好。 但是,当我将Base64字符串解码为…

“专精特新”企业数字化转型,如何激发增长新动能

随着数字技术的不断发展&#xff0c;越来越多的企业开始意识到数字化转型的重要性。对于专精特新的企业来说&#xff0c;数字经济的发展也同样给中小企业带来难得的发展机遇&#xff0c;数字化在助力中小企业降本、增效和提质方面发挥着日益重要的作用&#xff0c;数字化转型已…

网络调试助手NetAssist的使用

一、使用场景&#xff1a; 项目定制需求&#xff1a;前端的车载终端把gps、报警信息、报警图片、其他检测数据发往约定的第三方服务器&#xff0c;车载终端通过公网&#xff08;SIM拨号或者有线网&#xff09;以udp或者tcp连接服务器&#xff0c;并把数据发往服务器。因为项目…