音频onError参数

Question

我正在创建一个基于HTML5的小型网站。在某种程度上，我想播放一个声音。我是这样播放声音的：

    sound = new Audio(url);
    sound.addEventListener("error", function(e) { 
               console.log("Logging playback error: " + e); });
    sound.load();
    sound.play();

当出现错误时，我找不到e中的内容。不幸的是，这个错误只发生在iPad上，所以我不能使用Firebug来调试它。在文档中我找不到参数的描述。

任何帮助都将不胜感激。

Answer 1

我可能找到了那个error消息对象。错误代码位于sound.error.code或e.currentTarget.error.code属性中，并且可以包含以下4位数字之一：

MEDIA_ERR_ABORTED=1
MEDIA_ERR_NETWORK=2
MEDIA_ERR_DECODE=3
MEDIA_ERR_SRC_NOT_SUPPORTED=4

examined it @jsfiddle

Answer 2

基于@Stano answer，我创建了一个函数，它将输出错误消息，而不是代码编号。它使用ES6的Object.keys()方法，但在撰写本文时，它在所有主要浏览器中都有完全支持(2019年11月)。

const getMediaErrorMessage = error => Object.keys(Object.getPrototypeOf(error.currentTarget.error)).find(key => error.currentTarget.error[key] === error.currentTarget.error.code);

这是一个呈现函数用法的代码片段：

​

const getMediaErrorMessage = error => Object.keys(Object.getPrototypeOf(error.currentTarget.error)).find(key => error.currentTarget.error[key] === error.currentTarget.error.code);

const url = 'xxx';  // using wrong url, to get an error
const sound = new Audio(url);
sound.addEventListener('error', e => console.log(`Media error occurred: ${getMediaErrorMessage(e)}`));
sound.load();
sound.play();

​