鍍金池/ 問答/HTML5  HTML/ 在chrome中模擬audio的loop屬性,報錯無法正確運行

在chrome中模擬audio的loop屬性,報錯無法正確運行

在Chrome 65.0.3325.181(正式版本) (64 位)中,audio標(biāo)簽的loop屬性不生效。編寫對應(yīng)邏輯執(zhí)行后報錯。

代碼如下:

//html
<audio id="backgroundAudio" src="./resource/sound/bgMusic.mp3" autoplay loop/>
//js
var audio = $("#backgroundAudio")[0];
audio.addEventListener('timeupdate',()=>{
    if(audio.paused){
        return;
    }
    if(audio.currentTime >= audio.duration - 1){
        audio.currentTime = 0;
        const p = audio.play();
        //添加注釋后代碼后,可以正確執(zhí)行
        // if (p && (typeof Promise !== 'undefined') && (p instanceof Promise)) {
        //     p.catch(e => log(e));
        // }
    }
});

報錯信息如下:
Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

我想知道為什么會出現(xiàn)這個錯誤,以及為何添加注釋代碼后可以正確執(zhí)行了,還有l(wèi)oop屬性為何沒有生效。

loop屬性是因為音頻文件有問題,已解決

回答
編輯回答
紓惘

親測loop屬性有效。我的版本是 65.0.3325.181(正式版本) (32 位)

2017年4月2日 07:22