Javascript 在页面中嵌入网络摄像头图像

我的公司在世界各地的不同地点都有几个摄像头。目前，我们有一个为每个城市的网页。以亚特兰大为例，我们有128个地点。我目前使用js每7秒从网络摄像头获取一张新图像。然后我把它们都放在亚特兰大网页上的独立iFrame中

我附加了两种不同的方式，我已经建立了原来的。一个是一个meta标签（这个位置），每7秒刷新一次。另一个是JS（该位置），它每7秒刷新一次，但在46次刷新后超时。还附带了iframe

简而言之，在我的亚特兰大网页上有128个不同的iFrame。我的问题是，它的加载速度非常慢，因为它每7秒会得到128个不同的图像。除此之外，除非我使用internet explorer，否则它会耗尽我电脑的内存，因为它太重了。我有一些地方只有30个摄像头，这些摄像头刷新速度很快，而且不占用大量内存。除了将我较大的市场细分为5或6个不同的页面外，还有什么其他方法可以让页面加载更快、重量更轻

---

仅供参考，这些图像是数字广告牌，我们需要能够根据需要向客户显示他们的广告。

看起来您有一种直接和单独获取图像的方法。看起来您的页面中可以有128个图像（而不是iFrame），并让javascript轮流更新每个图像。这可能会减少所需的资源，因为它将删除浏览器维护的许多iframe上下文。看起来您有一种直接和单独获取图像的方法。看起来您的页面中可以有128个图像（而不是iFrame），并让javascript轮流更新每个图像。这可能会减少所需的资源，因为它将删除浏览器维护的许多iframe上下文。