获取音频资源的时长

Posted 2022-02-16 星辰

方法一：利用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对象