捕获 HTML5 媒体网络错误 javascript

Posted 2023-02-25

【中文标题】捕获 HTML5 媒体网络错误 javascript

【英文标题】：Catching HTML5 media network error javascript

【发布时间】：2015-07-21 19:06:53

【问题描述】：

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

【参考方案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!");
    );

【讨论】：

在这里我找到了另一个类似的解决方案：***.com/questions/13614803/…

问题是在创建时抛出错误，而不是在我尝试播放文件时......但也许你发布的其他解决方案可能会有所帮助，我会试一试.