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

如何解决在页面中嵌入网络摄像头图像

我的公司在全球各地设有多个网络摄像头。目前，我们为每个城市都有一个页面。例如，在亚特兰大，我们有128个地点。我目前正在使用js每7秒从网络摄像头获取一个新图像。然后在亚特兰大页面上将它们全部构建到单独的iframe中。

我用两种不同的方式制作了原始照片。其中一个带有元标记（此位置）

，该标记每7秒刷新一次。另一个是使用JS（该位置）

的JS，每7秒刷新一次，但刷新46次后超时。还附带了iframe。

简而言之，我的亚特兰大页面上有128个不同的iframe。我的问题是加载速度非常慢，因为每7秒获取128个不同的图像。最重要的是，除非我使用Internet Explorer，否则它会占用我的PC内存，因为它非常重。我有一些位置只有30台摄像机，而且刷新非常快，并且不占用大量内存。除了将我的大市场细分为5或6个不同的页面之外，还有其他方法可以使页面更快地加载并减轻重量吗？

仅供参考，图像是数字广告牌，我们需要能够按需向客户展示其广告。