获取音频资源的时长

方法一:利用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对象
上一篇:Python中requests的会话保持session详解


下一篇:前端开发之js栈内存和堆内存的区别