音頻負載百分比indicatior

Question

在網站之前，我有黑屏與音頻負載百分比，所有需要加載，但它不工作的音頻。該audioloadpercent文本爲空或零

HTML

<table> 
    <tr><td>Audio Loaded</td><td>Images Loaded</td></tr> 
    <tr><td><span id="audioLoadPercent"></span>%</td><td><span id="imagesLoadPercent"></span>%</td></tr> 
</table> 
<audio id="jungle" nocontrols src="music/jungle.mp3" type="audio/mp3" preload="auto" onload="audioLoaded();"></audio> 
<audio id="swipe" nocontrols src="sounds/swipe.mp3" type="audio/mp3" preload="auto" onload="audioLoaded();"></audio> 

JAVASCRIPT

var audioLoadedPercent=0; 
var imagesLoadedPercent=0; 
function audioLoaded(){ 
    audioLoadedPercent=audioLoadedPercent+Math.round(Math.random()*50) 
    document.getElementById("audioLoadPercent").innerHTML=audioLoadedPercent; 
} 

Answer 1

使用oncanplaythrough或onloadeddata代替的onload爲音頻標籤