鍍金池/ 問答/HTML/ 如何獲得audio已經(jīng)加載的時(shí)長(非播放時(shí)長)

如何獲得audio已經(jīng)加載的時(shí)長(非播放時(shí)長)

如何使用JavaScript獲得audio元素已經(jīng)加載的數(shù)據(jù)的時(shí)長?

<audio  id="audio" src="./static/audio/audio1.mp3" preload="none"></audio>
<div class="play_control">
     <img class="play_btn" src="./static/img/stop.png" alt="play">
     <span id="time">00:00</span>
     <span id='duration'>/00:00</span>
     <div class="process">
          <span id="loaded"></span>
          <span id="playing_time"></span>
     </div>
 </div>
 

loaded進(jìn)度條作為數(shù)據(jù)加載進(jìn)度條,playing_time作為播放進(jìn)度條,可是不知道如何獲得從后臺(tái)加載的數(shù)據(jù)的長度,使用progress事件中利用buffered屬性也不正確,求解答一下?

回答
編輯回答
乞許

如果audio的progress時(shí)間不夠準(zhǔn)確的話,我覺得可以寫一個(gè)負(fù)責(zé)加載的中間件,負(fù)責(zé)統(tǒng)計(jì)當(dāng)前的加載進(jìn)度,然后用ObjectURL喂給audio

2017年8月8日 14:55