获取音频资源的时长

方法一:利用audio标签对象获取duration时长

const audio = document.createElement('audio');
audio.oncanplay = () => {
	console.log('音频时长:', audio.duration);
}
audio.src = '/test.mp4';

这种方式会有bug,那就是在部分低版本ios中,oncanplay方法是不会被触发的。所以推荐使用方法二。

方法二:buffer对象拿到duration时长

const reader = new FileReader();
reader.onload = (e) => {
	window.AudioContext = window.AudioContext || window.webkitAudioContext;
	const context = new AudioContext();
	context.decodeAudioData(e.srcElement.result, (buffer) => {
    console.log('音频时长:', buffer.duration);
  }, () => {
    console.log('失败');
  });
};
reader.readAsArrayBuffer(blob); // 音频的blob对象
posted @   StartNigth  阅读(1202)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示