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