捕捉HTML5媒体网络错误javascript

Catching HTML5 media network error javascript

本文关键字:错误 javascript 网络 媒体 HTML5 捕捉      更新时间:2023-09-26

无论如何,如果我尝试创建new Audio()对象和src URL未解析,我可以捕获网络错误吗?Try/catch在这里显然不起作用

这里有文档: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!");
    });