抑制加载媒体资源失败

Question

我的 html 中有一个音频标签，其中有 src=""。 当我播放音乐时，我从 javascript 更改 src 值。 但是，在加载页面时，出现错误

无效的 URI。 媒体资源加载失败。 game.php 所有候选资源加载失败。 媒体加载暂停。

我知道为什么，源逻辑上不存在。 有什么方法可以告诉音频元素不要从头开始加载 src 吗？

<div style="display: none;" >
<audio tabindex="0" id="audio" controls preload="auto" loop="true">
    <source src="">
</audio>
</div>

谢谢

Answer 1

只需创建没有任何<source>的<audio>元素，例如

<audio tabindex="0" id="audio" controls preload="auto" loop="true">
</audio>

然后在运行时添加一个<source> ，无论何时需要/检查/验证，例如：

var audio = document.getElementsByTagName('audio')[0];
  
var source = document.createElement('source');console.log(source);
source.setAttribute('src','http://somewhere');
  
audio.appendChild(source);

Answer 2

从初始 html 中删除<source>然后...

var a = new Audio('someaudio.mp3');

// File does not exist
a.onerror = function() {
    //nothing
};
//File exists
a.onloadeddata = function() {
    //add source from javascript
};