Javascript函数播放错误的音频文件

Question

我在使用这个 javascript 函数时遇到问题

function playaudio(p){                                                          
    sound.pause();
    $("#audiovoix")[0].currentTime = 0;
    $("#audiovoix").attr("src", "fiches_visite/"+id+"/audio/"+p+"_FR.mp3");
    console.log("fiches_visite/"+id+"/audio/"+p+"_FR.mp3");
    sound.load();
    sound.play();
    sound.onerror = function() {
        console.log("fichier introuvable");
        itvl = setTimeout(function() { 
        $('#slider_suivant').trigger('click'); }, tempo);
    };                                      
}

此函数在图片 slider 中调用，p 是一个标识符 int。如果返回错误，它会更改音频标签 src、播放它或触发单击(我不使用 ajax 来检查文件是否故意存在)。

问题是，如果文件实际上不存在，它会在文件夹中获取另一个文件并播放它。它应该只返回一个错误，但它没有......为什么播放了我没有要求的其他文件？如何避免这种情况？

我的音频文件夹类似于:1_FR.mp3、3_FR.mp3 等。

谢谢

Answer 1

好像是缓存问题，我终于在这个帖子HTML5 Audio. Replacing Element still the same audio file (cached) how to solve?上找到了解决办法

在我的代码中，我只是在音频文件名之后添加了一个参数，它解决了问题

$("#audiovoix").attr("src", "fiches_visite/"+id+"/audio/"+p+"_FR.mp3?cache-buster=" + new Date().getTime());