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

[jngo]

@evroom
I am a newbie with Magic Mirror and Raspberry world so I would really appreciate if you could provide me a step-by-step instruction.
I have the same challenge like yours: Although I set my stream video window to “bottom_right”, it appears to be in the between of “bottom_center” and “bottom_right”. In another word, it is completely located at the weirdest position: a little bit above the “bottom_center”, too much “left” from the “bottom_right” of the screen, etc…

I follow your post to change the parameter of “moduleOffset” value but as you already stated, the moduleOffset did not work. The stream video window is still way off from where I want it to be. I am not familiar with the “.css” yet so if you are so kind, please point me to how I can make change to it?

So, if possible, could you please kindly provide me a step-by-step instruction on how to align the stream windows with the “bottom_right” where it lines-up with the “current_weather” module (top-right)

Thank you

[evroom]

@jngo
Can you post the moduleWidth, moduleHeight and the width and height from the stream?

And if you see it in the pm2 logs, this info:

Starting stream stream1 with args: [
    "--avdict",
    "rtsp_transport:tcp",
    "--win",
    "738, 63, 1090, 305",

[evroom]

Just to make it clear, I am not using any module anymore that uses omxplayer.
For me MMM-RTSPStream stopped to work for my install and use a while ago (reason unknown) and for MMM-Dreambox I do not have place on my screen (but a nice module nevertheless).
I have kept my MagicMirror pretty simple and static, just 5 modules and a video stream from my outdoor IP-camera.
No fancy things with rotating, voice commands, gesture commands, etc.
Everything that really matters in one view.

As an alternative for MMM-RTSPStream, I just use pm2 for my video stream.
The omxplayer is an overlay in all uses anyway, so I just ‘overlay’ it on top of the MM modules.
I left space on the left side of the MagicMirror by only using top and bottom positions.
pm2 controls the processes, like with MM (I enabled it using the same commands for MM, except that I used axis iso mm).

That being said, I can try activating MMM-RTSPStream again to be able support a bit.

pi@MagicPi:~ $ pwd
/home/pi
pi@MagicPi:~ $ cat axis.sh
#!/bin/bash
echo "Starting Axis stream ..."

# No rotation
#omxplayer --avdict rtsp_transport:tcp --live --video_queue 4 --fps 30 --win "0 625 590 957" rtsp://axisviewer:Trosknurt12@192.168.178.56/axis-media/media.amp?resolution=640x360

# Rotate to match custom.css rotation
# 640x360 == --win 'x1 y1 x2 y2' == "600 300 960 940" == x2 - x1 & y2 - y1
omxplayer --avdict rtsp_transport:tcp --orientation 270 --live --video_queue 4 --fps 30 --win "600 300 960 940" rtsp://user:password@192.168.178.56/axis-media/media.amp?resolution=640x360
pi@MagicPi:~ $ pm2 list
┌──────────┬────┬─────────┬──────┬───────┬────────┬─────────┬────────┬─────┬────────────┬──────┬──────────┐
│ App name │ id │ version │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem        │ user │ watching │
├──────────┼────┼─────────┼──────┼───────┼────────┼─────────┼────────┼─────┼────────────┼──────┼──────────┤
│ axis     │ 1  │ 2.5.0   │ fork │ 11127 │ online │ 1066    │ 2h     │ 0%  │ 220.0 KB   │ pi   │ disabled │
│ mm       │ 0  │ 2.5.0   │ fork │ 4658  │ online │ 41      │ 14D    │ 0%  │ 12.0 KB    │ pi   │ disabled │

[jngo]

@evroom
I keep pretty much all modules as default (just like yours): calendar, event, weather now, forecast, news feed, and this stream video from my camera. That’s all I need.
My screen is a 22" Dell monitor and I do not rotate it so it’s horizontal. But because the stream video window appears in the middle of the whole thing, the layout of the modules on the screen looks so bad so I hope I could find the way to aligned it (bottom-right) with the right edge of my weather now (which is at top-right)

My info is below

Starting stream stream1 with args: [
“–avdict”,
“rtsp_transport:tcp”,
“–win”,
“1268, 511, 1620, 753”,
“–live”,
“–video _queue”,

My stream video window size is 640 x 360 px

[evroom]

And from your config.js the moduleWidth, moduleHeight and the width and height from the stream, please.

[jngo]

@evroom
from the config.js file:

moduleWidth: 640
moduleHeight: 360

The wdth and height from the stream is also 640 x 360 px

Is this you are looking for?

[evroom]

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

Is this you are looking for?

Yes, but cannot promise anything :-)

Cannot get the module to run on my MM.
Most probably a new install will work miracles, but I do not want to spend too much time /effort on it.

[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…