获取音频资源的时长


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM