音頻持續時間返回 NaN

Question

我有一組音頻元素，我需要返回它們的持續時間，但它返回 NaN！

let quran = document.querySelectorAll(".question-one audio")

console.log(quran[0].duration) // NaN ((??)
console.log(quran[0].currentTime) // 52 (works properly)

我嘗試了很多但無法解決這個問題，因為我知道我對視頻元素使用了相同的（持續時間）方法並且它有效

Answer 1

將 preload="metadata" 添加到您的標簽中，讓它請求您的音頻 object 的元數據：

 <audio controls id="testTone" preload="metadata"> <source src="autoharp/tone0.ogg" type="audio/ogg"> </audio>

在您的代碼中，附加一個事件處理程序，以設置加載元數據時的持續時間：

 var au = document.getElementById("testTone"); au.onloadedmetadata = function() { console.log(au.duration) };