首頁(yè) 猿問(wèn) JS無(wú)法獲取正在播放的audio的...

JS無(wú)法獲取正在播放的audio的src等屬性 / audio的duration為NaN

JavaScript

慕絲7291255 2018-10-24 09:46:59

打算設(shè)計(jì)一個(gè)播放器，其中一個(gè)函數(shù)控制點(diǎn)擊菜單某首歌曲即可播放，在該函數(shù)內(nèi)調(diào)用music.play()后繼續(xù)console.log(music.src)是可以正常顯示src路徑的。然而在另一個(gè)控制播放下一曲的函數(shù)中，不論輸出src還是currentSrc都是顯示未定義，甚至輸出currentTime等相關(guān)屬性都是顯示為0.相關(guān)代碼如下：function prevSong(msc){ //上一首歌 let s = msc.currentSrc; let tar; /* 返回當(dāng)前播放的節(jié)點(diǎn)給tar,代碼略 */ msc.pause(); if(tar.previousSibling.nodeName == 'LI'){ let index = tar.previousSibling.innerHTML; msc.src = 'src/music/'+index+'.mp3'; }else{ let chd = tar.parentNode.childNodes; let res = chd[chd.length-1]; msc.src = 'src/music/'+res.innerHTML+'.mp3' } //msc.load(); msc.play(); }另外，如何正常獲取音頻長(zhǎng)度duration？我照著網(wǎng)上各種解決方法，使用了onloadedmetadata甚至是promise，輸出的都是NaN直接把demo給post上來(lái)吧：http://www.malakh.xyz/demo2/js:http://www.malakh.xyz/demo2/s...

查看完整描述

1 回答

幕布斯6054654

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊

需要這樣獲取audio才行：

var player = $("#msc")[0];

如果直接獲取$("#msc")，使用play屬性確實(shí)可以直接播放，但是無(wú)法給這個(gè)audio設(shè)置src屬性以及獲取音頻時(shí)常。
獲取音頻時(shí)常:

var duration = player.duration

如果你是動(dòng)態(tài)獲取的播放地址，在第一次加載音頻的時(shí)候，可能無(wú)法立即獲取時(shí)常，所以你需要設(shè)置一個(gè)定時(shí)器，每10毫秒檢測(cè)一次duration

//當(dāng)前歌曲總時(shí)長(zhǎng)
    function getTime() {
        setTimeout(function () {            var duration = player.duration;            if (isNaN(duration)) {
                getTime();
            }
        }, 10);
    }

反對(duì) 回復(fù) 2018-10-24