MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

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

    Scheduled Pinned Locked Moved Utilities
    602 Posts 67 Posters 1.9m Views 68 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J Offline
      jngo @evroom
      last edited by

      @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

      1 Reply Last reply Reply Quote 0
      • evroomE Offline
        evroom
        last edited by

        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).

        MagicMirror version: 2.30.0
        Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
        Raspbian GNU/Linux 12 (bookworm)

        Test environment:
        MagicMirror version: v2.30.0
        Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
        Raspbian GNU/Linux 12 (bookworm)

        J 1 Reply Last reply Reply Quote 0
        • J Offline
          jngo @evroom
          last edited by 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

          evroomE 2 Replies Last reply Reply Quote 0
          • C Offline
            costascontis
            last edited by

            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.

            J 1 Reply Last reply Reply Quote 0
            • J Offline
              jngo @costascontis
              last edited by

              @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’,

              1 Reply Last reply Reply Quote 0
              • evroomE Offline
                evroom
                last edited by

                @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
                

                MagicMirror version: 2.30.0
                Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
                Raspbian GNU/Linux 12 (bookworm)

                Test environment:
                MagicMirror version: v2.30.0
                Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
                Raspbian GNU/Linux 12 (bookworm)

                1 Reply Last reply Reply Quote 0
                • evroomE Offline
                  evroom @jngo
                  last edited by

                  @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.

                  MagicMirror version: 2.30.0
                  Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
                  Raspbian GNU/Linux 12 (bookworm)

                  Test environment:
                  MagicMirror version: v2.30.0
                  Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
                  Raspbian GNU/Linux 12 (bookworm)

                  1 Reply Last reply Reply Quote 0
                  • evroomE Offline
                    evroom @jngo
                    last edited by

                    @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;
                    

                    MagicMirror version: 2.30.0
                    Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
                    Raspbian GNU/Linux 12 (bookworm)

                    Test environment:
                    MagicMirror version: v2.30.0
                    Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
                    Raspbian GNU/Linux 12 (bookworm)

                    J 1 Reply Last reply Reply Quote 0
                    • J Offline
                      jngo @evroom
                      last edited by 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…

                      1 Reply Last reply Reply Quote 0
                      • evroomE Offline
                        evroom
                        last edited by

                        @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 ?“

                        MagicMirror version: 2.30.0
                        Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
                        Raspbian GNU/Linux 12 (bookworm)

                        Test environment:
                        MagicMirror version: v2.30.0
                        Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
                        Raspbian GNU/Linux 12 (bookworm)

                        J 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 26
                        • 27
                        • 28
                        • 29
                        • 30
                        • 60
                        • 61
                        • 28 / 61
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy