I’ve finally gotten a video stream that’s stable on my MM2 using MMM-RTSPStream. I thought I’d share the set-up to give back to this community that has been so helpful to me!
Webcam - Reolink E1 Pro (https://www.amazon.com/gp/product/B07THQDSBD/ref=ppx_yo_dt_b_asin_title_o06_s00?ie=UTF8&psc=1)
Raspberry Pi 4 Model B
OS - Raspberry Pi OS 32-bit
Magic MIrror 2.13.0 (installed using sdetweil scripts at https://github.com/sdetweil/MagicMirror_scripts
Followed instructions for camera set-up
Installed MMM_RTSPStream following instructions and config.html link to start
Could not use vlc, used omxplayer instead
Install omxplayer if necessary (using Snapcraft at https://snapcraft.io/install/omxplayer-pi/debian)
Final, working configuration:
{
module: "MMM-RTSPStream",
position: "bottom_right",
config: {
autoStart: true,
rotateStreams: false,
rotateStreamTimeout: 10,
moduleWidth: 308,
moduleHeight: 231,
localPlayer: 'omxplayer',
remotePlayer: 'vlc',
showSnapWhenPaused: false,
remoteSnaps: false,
shutdownDelay: 12,
stream1: {
name: 'Your Own Label',
url: 'rtsp://admin:[Your Password]@[Your IP address]:554/h264Preview_01_sub',
frameRate: '7',
hdUrl: 'rtsp://admin:[Your Password]@[Your IP address]:554/h264Preview_01_sub',
snapshotType: 'url',
snapshotRefresh: 10,
width: 400,
height: 350,
absPosition:{
top: 700,
right: 1910,
bottom: 1050,
left: 1310,
},
},
}
},
The “moduleWidth” and moduleHeight" are irrelevant. What sets the size and position of the video window are the “width” and “height” values along with the “absPosition” values for “stream1”. The values that worked for me may not work for you so some trial error will be involved. Unless, of course, you completely understand the screen geometry for your MM2. I don’t so I had to go through a trial and error process to get the position just right. Part of my challenge was a body “zoom” value in my custom.css that added a level of complexity I never quite figured out. No matter, my step-by-step process resulted in a video stream the size I wanted and in the place I wanted. I also set the border width to 0 in MMM-RTSPStream.css file as follows:
.MMM-RTSPStream .innerWrapper {
position: relative;
width: 352px; /* Video width + 2*border + 2*padding */
height: 242px;
border: 0px solid white;
The bottom-line is a stable video feed from my Reolink webcam in the lower-right corner of my MM2. Hope this helps!