使用 Jquery 检查 AUDIO 标签是不是具有有效的 src

Posted 2023-02-25

【中文标题】使用 Jquery 检查 AUDIO 标签是不是具有有效的 src

【英文标题】：Check if AUDIO tag has a valid src using Jquery使用 Jquery 检查 AUDIO 标签是否具有有效的 src

【发布时间】：2020-12-26 01:08:21

【问题描述】：

这就是我想要的。

如果 audio src 有效，则音频显示控件。

如果不是，则不显示控件

但是我到底如何检测音频 src 是否有效？

【问题讨论】：

我的valid是什么意思

@TayyabFerozi 我的意思是音频是否可播放并且不返回错误。我想改变这一点

【参考方案1】：

您实际上不需要 jQuery 来检查它是否已正确加载

HTML：

<audio onloadeddata="myOnLoadedData()" controls preload="auto">
  <source src="source here" type="audio/ogg">
  <source src="source here" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

JS：

function myOnLoadedData()  ... do your thing, show controls 

也可以通过oncanplay属性检查音频是否可以播放

【讨论】：

不，我需要它在每次音频更改时检查它，然后检查它是否已加载。这就是我使用jquery的原因。我需要 .change 函数中的代码。此代码在成功时执行，但如果它不成功，则没有事件监听器，我需要它在加载失败时隐藏...

所以您要更改音频的src 还是什么？？

不，如果音频发生变化并且无法加载，我需要它隐藏并显示它是否更改并成功加载

对不起？我的audio changes 是什么意思？？音频怎么改啊，我真的搞不定你