Web Cam feeds in HabPanel

Hi All,

I’ve got NGINX successfully proxying my URLs to each camera, which are setup using HTTPs and MJPEG. I can access the feeds from the internet using the Proxy name after entering my username/password

I’m trying to embed these feeds into a single widget in HabPanel, does anyone know how? I was success in doing this for 1 camera which is a totally different make and model, but it wont work on my Dahua cameras

I can get the feeds to display but it wont encode the username/password into the URL for the HTTPS url’s

<div class="section">
	<div class="sectionIconContainer"><div class="sectionIcon"><svg viewBox="0 0 48 48"><use xlink:href="/static/matrix-theme/squidink.svg#sun"></use></svg></div></div>
	<div class="title">Cameras</div>
	<div class="controls">
    
   <a href="http://XXXX/bha-api/video.cgi?http-user=XXXX&http-password=XXXX"><img src ="http://XXX/bha-api/video.cgi?http-user=XXX&http-password=XXX" height="250" width="350"></img></a>

 <a href="https://XXX/cam/lane_south?http-user=admin&http-password=XXX"><img src ="https://XXX/cam/lane_south?http-user=XXX&http-password=XXX" height="250" width="350"></img></a>