捕獲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!");
    });