@wbleek I achieved the cameras on my mirror pretty easily with Blue Iris. I simply made a custom .HTM file and placed it in the /modules directory of the MagicMirror then using iFrameReload i just call the /modules/custom.htm URL to load the cameras. Below is my custom.htm file I am calling in the iFrameReload module:
<table>
<tr>
</tr><tr>
<td>
<img src="http://192.168.1.108:81/mjpg/BackyardCam/video.mjpg?q=25&s=25" alt="BackyardCam" />
</td>
<td>
<img src="http://192.168.1.108:81/mjpg/FrontDoor/video.mjpg?q=40&s=40" alt="DrivewayCam" />
</td>
</tr>
<tr>
<td>
<img src="http://192.168.1.108:81/mjpg/DriveWayCam/video.mjpg?q=25&s=25" alt="FrontdoorCam" />
</td>
</tr>
</table>
In lieu of having blue iris you could possibly simply pull the mjpg streams straight from each cameras individually and slap them in the img tag. That may be a better way actually but it seems to be working fine for me through Blue Iris this way.
Below is the code from my config.js showing how I am calling this custom HTM file:
{
module: 'MMM-iFrameReload',
position: 'bottom_bar', // This can be any of the regions.
config: {
// See 'Configuration options' for more information.
url: "http://192.168.1.108:9000/modules/custom.htm",
width: "100%", // Optional. Default: 400px
height: "850px", // Optional. Default: 800px
scrolling:"no",
refreshInterval: 600, //Optional. Default: 3600 = 1 hour
animationSpeed: 4000,
}
},
My setup is similar to the OP in terms of running the MagicMirror server on a central server and simply running fullpageos on the raspberry pi to call the magicmirror page.
Hope this helps.