Question

在我的反应应用中，Chrome会在一定数量的请求后停止加载资源。这导致我的应用程序无法加载任何东西，并且事情开始出错。它是唯一的文件，它可以继续与我的API进行通信。

正如您所看到的，在大约6首曲目之后，它只会停止加载任何其他内容。

我已尝试重新启动，重置，停用扩展程序，NOTHING正常工作。我没有在任何其他浏览器中遇到此问题。

真正奇怪的是，如果我关闭并重新打开我的开发人员工具，它会突然再次加载。然后它将再次在一定数量的文件后停止。

任何人都知道发生了什么事？

Answer 1

我通过将应用中的音频对象数量限制为5来解决问题。其他浏览器比这更高，但我想说，我认为这是愚蠢的Chrome有这个限制。我将Audio对象存储在内存（一个数组）中，这样我就可以在需要时快速恢复音频。

Answer 2

以前在Chrome中看到过这种情况（可能重复：Chrom only loading 6 html5 audo tags。

根据其他用户的说法，由于性能原因，Chrome似乎会阻止预加载资产，尤其是移动设备。

设置<audio controls preload="none">将加载资产，因为请求访问资产。

编辑：你尝试过这样的事吗？：

＆＃13;

function loadAudio(url){
    var audio = new Audio();
    audio.preload = "none";
    audio.controls = "controls";
    audio.src = url;
    audio.volume = "0.3";
    return audio;
  }

var a = loadAudio("http://www.noiseaddicts.com/samples_1w72b820/17.mp3")
document.body.appendChild(a);

＆＃13;

<html>
  <head>
  </head>
  <body>
    
  </body>
</html>

＆＃13;

Chrome请求卡在待处理状态

2 个答案: