我正在构建一个基于滑块显示图像和声音的小网站。它将图像加载到轮播(我使用Slick)。但是我遇到了Chrome和Chrome的问题。移动滑块后,除非我使用滑块滚动几次,否则新图像不会加载到旋转木马中。我已经在本地测试了它,我将所有内容上传到我的服务器进行测试。我有一个朋友尝试一下,但也没有为他工作。
这是网站。警告说它负担很重,所以我不会在手机上打开它:http://kschenk.com/whyte-night。
控制台中没有任何内容,我也没有安装任何插件。我得到的唯一暗示是Chrome不断旋转和处理请求。"处理请求。它适用于Safari,Firefox甚至Internet Explorer。
我可以提供任何帮助,并且可以提供任何必要的信息。
一些可能有用的东西:
谢谢!
答案 0 :(得分:1)
好吧,我明白了!如果其他人在将来发现这个话题,我会发布答案(我讨厌未解决的问题,就像你,未来的解决方案寻求者一样)。
因此,Google Chrome每个服务器最多可以连接6个连接。显然大多数其他浏览器也是这样,但有些浏览器并不尊重它。这就是它在Safari和Firefox中运行的原因。我正在加载许多图像和音频文件,因此当我尝试流式传输所有音频时它会挂起。有些东西会搞砸。
我通过将我的图像放在子域上来解决它。但是我的8个音频文件中只有6个被加载。我从谷歌搜索中发现每个服务器的6个连接也将子域计为单独的服务器。这就是为什么把我的图像放在一个上的原因。但我仍需要获取我的音频文件!
所以我创建了两个新的子域名," audio"和" audio2"。我把4个音频文件放在每个上面并像以前一样加载它们,只是根据我正在寻找的文件更改子域名。它有效,因为现在每个服务器只打开4个连接。
我想通过HTML5音频标签进行音频流的方式略有不同。由于不是很多人在他们的网站上使用音频,因此网上的主题并不多。
答案 1 :(得分:0)
您的图片显示正确,如果您的Chrome没有响应,那么请重置Chrome浏览器并将其检出...
答案 2 :(得分:0)
您可能还会考虑让图片更小一些:如果您选择在Photoshop中保存网页,则会从1.2MB降至360KB ......图像真的需要1800x1195px吗?您可以根据浏览器窗口大小选择较小的图像版本:对用户有利,对您的服务器有益: - )