Performance/Limitation on HabPanel reached it seems?

Hi All,

Ive been trying for some time to have 10 x web camera feeds into a Widget using a 350x250 resolution. It appears no matter what I do, it only displays 6 of the 10 cameras.

I can swap the 6 around too - so its definitely not a camera issue.

I’ve using using NGINX to proxy the requests with extensive performance tweaking in NGINX to get it to work and failed.

Now ive tried using BlueIris webcasting URLs and this too also fails.

It appears that I have reached some limit on HabPanel.

Please see my code below.

To the developers, is there something I can tweak to display these feeds?

Thanks!

<div class="section">
	<div class="sectionIconContainer"><div class="sectionIcon"><svg viewBox="0 0 48 48"><use xlink:href="/static/matrix-theme/squidink.svg#cam-2"></use></svg></div></div>
	<div class="title">Cameras</div>
	<div class="controls">
     
 
  
  <a href="http://192.168.0.4:82/mjpg/RearLaneNorth/video.mjpg"><img src ="http://192.168.0.4:82/mjpg/RearLaneNorth/video.mjpg" height="250" width="350"></img></a>     
  <a href="http://192.168.0.4:82/mjpg/RearLaneSouth/video.mjpg"><img src ="http://192.168.0.4:82/mjpg/RearLaneSouth/video.mjpg" height="250" width="350"></img></a> 
  <a href="http://192.168.0.4:82/mjpg/Carport/video.mjpg">      <img src ="http://192.168.0.4:82/mjpg/Carport/video.mjpg" height="250" width="350"></img></a>     
  <a href="http://192.168.0.4:82/mjpg/Doorbird/video.mjpg">     <img src ="http://192.168.0.4:82/mjpg/Doorbird/video.mjpg" height="250" width="350"></img></a> 
  <a href="http://192.168.0.4:82/mjpg/FrontYard/video.mjpg">    <img src ="http://192.168.0.4:82/mjpg/FrontYard/video.mjpg" height="250" width="350"></img></a>     
  <a href="http://192.168.0.4:82/mjpg/Alfresco/video.mjpg">     <img src ="http://192.168.0.4:82/mjpg/Alfresco/video.mjpg" height="250" width="350"></img></a> 
  <a href="http://192.168.0.4:82/mjpg/LivingRoom/video.mjpg">   <img src ="http://192.168.0.4:82/mjpg/LivingRoom/video.mjpg" height="250" width="350"></img></a>     
  <a href="http://192.168.0.4:82/mjpg/RearYard/video.mjpg">     <img src ="http://192.168.0.4:82/mjpg/RearYard/video.mjpg" height="250" width="350"></img></a> 
  <a href="http://192.168.0.4:82/mjpg/Garage/video.mjpg">       <img src ="http://192.168.0.4:82/mjpg/Garage/video.mjpg" height="250" width="350"></img></a> 
  </div>
  </div>

I had this problem with zoneminder, i think you might hitting a browser limitation check : https://docs.pushtechnology.com/cloud/latest/manual/html/designguide/solution/support/connection_limitations.html , first i suggest you to try with another browser. Thanks

Very very interesting!!!

6 cameras, 6 connections. Makes sense huh! Hmmm.