[MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras

[jngo]

@evroom
Yeah, anything would help but i totally understand that you have your MM working now and certainly do not want to mess that up!
If you could point me what code and where to look at, I may be able to play along… Right now, I have no idea what to adjust…
Thank you

[evroom]

@jngo
One more question: what is the size of your display in pixels ?

[jngo]

@evroom
My screen size is 1920 x 1080 pixel

[evroom]

@jngo
If I understand omxplayer correct and did the calculations right, then this is what you see.

Basically you are seeing a streaming window of just 334x242.
I do not know where the model window is, but I suppose it is on the same location.

[jngo]

@evroom
You are genius… Yes, the square that you draw is what I am seeing now…
Is there a way to move the whole thing to the right and lower a bit?
Thank you again

[evroom]

If you edit your custom.css file and restart MM then you can see the module position better:

$ vi /home/pi/MagicMirror/css/custom.css
:
:
.MMM-RTSPStream .innerWrapper {
  //border-style: none;
  border: 1px solid red;
}

You can use the editor of your liking of course.

Btw, I see (wrong ??) fixed values MMM-RTSPStream.css:

$ cat /home/pi/MagicMirror/modules/MMM-RTSPStream/MMM-RTSPStream.css
:
:
.MMM-RTSPStream .innerWrapper {
  position: relative;
  width: 352px; /* Video width + 2*border + 2*padding */
  height: 242px;
  border: 1px solid white;
  /*float: left;*/
  display: inline-block;
  text-align: center;
  margin: 2px;
}

So, whatever your settings are in config.js, the result will be the same.
I would try to change it to:

width: 658px; /* Video width + 2*border + 2*padding */
height: 360px;

And then check pm2 logs for the --win settings it results to.
Or even comment it out and see what happens:

//  width: 352px; /* Video width + 2*border + 2*padding */
//  height: 242px;

Let me know the result and the pm2 log output (–win part).

[jngo]

@evroom
I adjusted the width and height in the css file like you instructed and restart MM. The result is that, the video stream window indeed gets bigger (W 658 x H 360) now but it does not really “move” to the right of the screen. Plus, at this size of the width, it becomes too wide that it covers the complimentary wording partially…
the “-win” is now “1127, 512, 1767, 872”
And with the “red” border of the stream window enabled, I can see that the red border frame aligned perfectly with the right-side of the screen however, the video feed itself does not fit within this red frame but is “top-left” off from the red frame
Any idea how I can move the video feed to fit the red border frame and, do not cover the complimentary wordings?
Thank you really, for your helps

[costascontis]

how can i test with omxplayer that my camera link is playing ok?With vlc my link is ok but using omxplayer with the module i get nothing,empty box.

[jngo]

@costascontis
You can use the command
pm2 status
to check if it’s working.
Also, in the config.js file, you need to specify the omxplayer instead of vlc
localPlayer: ‘omxplayer’,

[evroom]

@costascontis said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

how can i test with omxplayer that my camera link is playing ok?

You can test it standalone with:

$ omxplayer --avdict rtsp_transport:tcp --live --video_queue 4 --fps 30 --win "0 0 640 360" rtsp://[rrtsp_uri]

PS

Now the coordinates confuse me, but make sense (X-axis, Y-axis)

—win x1,   y1 , x2,   y2
—win 0,    0,   640,  360

Size of video stream:
(x2 - x1) x (y2 - y1) =  640 x 360

[evroom]

@jngo said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

the “-win” is now “1127, 512, 1767, 872”

Could you briefly test it with width and height commented out ?

//  width: 352px; /* Video width + 2*border + 2*padding */
//  height: 242px;

Just to see what is happening then.

[evroom]

@jngo said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

Any idea how I can move the video feed to fit the red border frame and, do not cover the complimentary wordings?

I would try this:

Change the config.js:

:
:
moduleWidth: 468,
moduleHeight: 253,
:
:
        width: 450,
        height: 253,

Change the MMM-RTSPStream.css:

width: 468px; /* Video width + 2*border + 2*padding */
height: 253px;

[jngo]

@evroom said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

@jngo said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

Any idea how I can move the video feed to fit the red border frame and, do not cover the complimentary wordings?

I would try this:

Change the config.js:

:
:
moduleWidth: 468,
moduleHeight: 253,
:
:
        width: 450,
        height: 253,

Change the MMM-RTSPStream.css:

width: 468px; /* Video width + 2*border + 2*padding */
height: 253px;

So I followed what you recommended: width 468 and height 253. The result is still the same: The red border frame is perfectly aligned with the right size of the screen (in bottom-right setup). But the live video stream window (468x253) is located more to the “left” and higher than the red frame
This thing really drives me nuts…gr.gr…gr…

[evroom]

@jngo
So if the video area matches the module area (the red border in this moment) then it is okay for you?

Could you still till try this?

„Could you briefly test it with width and height commented out ?“

[jngo]

@evroom
I tried to comment out the W & H, it still did the same issue. I restart the Raspberry and re-install the module, it gets better a bit: Now the right-edge of the stream video is aligned with the weather module, which is what I want to. However, the stream module is still off compare to the red border frame. But I guess it is the best it could get so I set the border to “0” (no border any more). And it is now the closest that I could get!

One last thing I want to ask you as well: How do I increase the size of the fonts used in the MM? Which lines of code in the “main.css” of the MagicMirror should I look at? My purpose is I want to make the text in the clock, weather, calendar appear bigger a little bit so that we can all see those info from a few feet away.

Thank you very much for your patience and helps, I really appreciated it.

[evroom]

@jngo said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

tried to comment out the W & H, it still did the same issue.

Actually I was interested in the --win coordinates from the pm2 log in this case.
If the same, then it means that uncommented is right and the values are being taken from the config.js parameters.
It looks it can be uncommented.

One last suggestion:

Either in the MM-RTSPStream.css or your /home/pi/MagicMirror/css/custom.css:

.MMM-RTSPStream .innerWrapper {
  position: relative;
  width: 468px; /* Video width + 18px
  height: 253px;
  border-style: none;
  display: inline-block;
  text-align: center;
}

Regarding

How do I increase the size of the fonts used in the MM?
you will have to ask this in a separate topic.
Best is to change things in the custom.css.
I only made changes regarding the width of some regions.

[Duh3c]

This post is deleted!

[benpoe]

Some tips/improvements.

I’ve disabled the sound in the omx-stream by adding the arguments “-n”,“-1”, in the node_helper.js

 payload.forEach(s => {
            var args = ["--live", "--video_queue", "4", "--fps", "30","-n","-1",
                this.config[s.name].url
            ];

I had problems with the omx-streams (i have three) not restarting correctly. So instead of stopping the processes and then starting, i’ve changed the command to restart.

                for (var proc in list) {
                    if ("name" in list[proc] && namesM.indexOf(list[proc].name) > -1) {
                        if ("status" in list[proc].pm2_env && list[proc].pm2_env.status === "online") {
                            console.log(`PM2: ${list[proc].name} already running. Stopping old instance...`);
//                            pm2.stop(list[proc].name, errCB);
                            pm2.restart(list[proc].name, errCB);
                        }
                    }
                }

[Smotx]

what is the right process to follow for a new installation? the github page or the explanation on page 17?

[twosquirrels]

I have RTSP enabled on my Wyze camera, but nothing displays with this module. The URL it provides is in the format:
rtsp://USER:PASSWORD@ADDRESS/live

I noticed that it doesn’t provide the actual file extension such as .mov so I’m wondering if that’s preventing this from working for me.