無法在chrome中獲取音頻持續時間 - js

Question

我無法在chrome中獲得audio.duration！
這段代碼在Firefox中沒問題！

DEMO

jQuery代碼：

$(document).ready(function(){ 
    var audio = document.getElementById('mine'); 
    alert(audio.duration) 
}); 

HTML：

<audio src='theurl.mp3' controls id='mine'></audio> 

Answer 1

嘗試使用：

$(window).load(function(){ 
    var audio = $('#mine')[0]; 
    alert(audio.duration); 
}); 

在DOM準備意味着文件已經準備好操作，但並非所有元素都被加載（例如圖像或內聯框）。在這種情況下，控件被加載，但不是音頻文件。

你甚至可以考慮使用setTimeout來獲得持續時間。測試這個例子我嘗試了：

$(window).load(function(){ 
    var audio = $('#mine')[0]; 
    setTimeout(function(){alert(audio.duration);},20); 
}); 

它的工作。