检查声音文件是否存在javascript

Question

我有一个HTML5文件，可使用javascript加载声音。 声音可能在两个位置之一中：

../../Apps/应用名称/ sounds
要么
../../Shared/Sounds

应该发生的是，当调用函数getSound时，它首先检查声音的第一个位置，如果该文件不存在，则转到第二个。 我之前尝试过几件事，但没有任何效果。

注意：变量blink存储字符串“ ../../Apps/应用名称”

function getSound(s){
   var url = blink + "sounds/" + s;

   var testSound = new Audio(url);
   if ( isNan(testSound.duration) ){
       url = "../../Shared/Sounds";
   }
   return new Audio(url);
};

这是行不通的，因为在开始播放之前，持续时间显然一直为NaN，因此isNan函数始终返回true。

我还尝试了在网上找到的fileExists函数：

function fileExists(url){
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status!=404;
}

所以我要问的是，有没有一种方法可以使用javascript检查声音文件是否存在，或者是否可以检查声音文件是否实际加载到了所使用的变量中。

Answer 1

采用

var sound = new Audio("sample_src");
if(isNaN(sound.duration)) alert("Do something");

编辑：播放音频后可以使用。 更好的选择：

var sound = new Audio("sample_src");
$(sound).on("canplay",function(){
//Do something if works
});

Answer 2

如果文件不存在，则将触发错误事件

mySound = new Audio(); 
mySound.onerror = function(){ alert("error");}; 
mySound.src = "xxxx";

问题是这不是同步的。

Answer 3

我认为您所说的很复杂。 当音频对象加载文件时，找不到文件时，浏览器将导致错误。 当您要检查音频对象是否存在时，只需检查服务器返回浏览器的文件时间即可。

这是正确的功能...

function audiovideoExist(ObjectAV){
    var exist = (Number.isFinite(ObjectAV.duration))? true: false;
    return exist;
}

因此，如果浏览器找到了源，则它将返回true和false。 有效音频或视频对象的持续时间值将始终存在。