捕获 HTML5 媒体网络错误 javascript

Question

如果我尝试创建 new Audio() 对象并且 src URL 未解析，我是否可以捕获网络错误？ try/catch 显然在这里不起作用。

Answer 1

这里有文档：DOCS

这个信息是给你的：

<p id="player">Non existing media file - click to play</p>

<audio preload="none" controls>
    <source id="wav" src="http://yourpage.com/false.wav" />
    <source id="mp3" src="http://yourpage.com/false.mp3" />
</audio>

这样你就可以简单地使用 js：

$("#player").on("click", function () {
    alert("Trying to play file.");
    try {
        $('audio')[0].play();
    } catch (e) {
        alert("Error playing file!");
    }
});
$("audio").on("error", function (eevent) {
        alert("Error at audio tag!");
    });
$("#wav").on("error", function (event) {
        alert("No wav file!");
    });
$("#mp3").on("error", function (event) {
        alert("No mp3 file!");
    });