javascript - 如何防止损坏的音频 src 在控制台中打印错误消息？

Question

我有一个网页，用户单击按钮即可开始播放音频。

<button onclick="playAudio()">Play</button>

但是如果源 URL 不正确，则会在控制台中打印:

Uncaught (in promise) NotSupportedError: failed to load because no supported source was found

var myAudio = new Audio();
myAudio.src = "myAudioSrc (incorrect url)";

function playAudio(){
    myAudio.play();
    //prints error
}

如果源网址不正确，如何防止控制台中出现此错误消息？

Answer 1

该错误是在您调用 .play() 时生成的，而不是在您分配无效的 src 时生成的。要抑制它，如错误所示，您需要catch由.play()返回的promise抛出的错误:

var myAudio = new Audio();
myAudio.src = "myAudioSrc (incorrect url)";
console.log('src has been assigned');
myAudio.play()
  .catch(() => void 0);

因为嵌入的代码片段无论如何都不会显示错误，这里有一个 JSFiddle 上的示例来说明差异:https://jsfiddle.net/smjy5b9u/