獲取音頻資源的時長


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