仅限Chrome加载6个HTML5音频标签

Question

我们正在wavestack.com上开展项目,我们正在处理一个给我们带来困难的问题.

我们的页面应该从流媒体源同时加载许多音频标签.您可以在以下链接中查看该概念:

http://wavestack.com/songs/nTNonwsCSg932CtzPLk1FA==

当我们尝试同时加载6个以上的曲目时会出现问题,如以下链接所示:

http://wavestack.com/songs/hp7G8CSsg45t3fV5YNeqbQ==

这个页面在Firefox和IE10上运行良好,但不是很好.

我们也注意到一些奇怪的事情:

我在控制台中打印一个计数器的值,当一个音频标签激活事件"canplaythtough"时,该计数器会增加,当它应该是7时,我们总共得到6个.奇怪的是,当你在第472行设置一个断点(如附图所示)然后恢复它会打7次

最后,CHROME不会同时加载6个以上的曲目,但是当你在canplaythrough的处理程序中放置一个断点时,这很奇怪.

谢谢,请帮助!

Answer 1

设置音频（和视频）标签的预加载属性，如下所示：<audio controls preload="none">

这样，媒体文件就不会在页面加载时下载（尤其要考虑移动性能）。当用户按下播放时，相关文件将正常下载。

Answer 2

默认情况下，Chrome 允许您同时下载五个或六个文件，因为这是大多数 Windows 安装中的默认值。如果您需要下载五个以上的文件，Chrome 会将一些目标文件放入队列中，然后在五个插槽之一可用时立即下载它们。Chrome 不允许您更改应用程序本身的并发下载数量。但是，通过编辑 Windows 注册表，您可以将 Chrome 或任何其他 Web 浏览器中的同时下载数量设置为您选择的任意数量。

阅读更多 @ ehow.com

解决方案：可以用来增加并发连接数量的一个技巧是托管来自不同子域的视频文件。这些将被视为单独的请求，每个域将被限制为并发最大值。