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.

    Magic mirror with 2 displays

    Scheduled Pinned Locked Moved Troubleshooting
    23 Posts 2 Posters 8.4k Views 2 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.
    • E Offline
      Ety60
      last edited by

      hello everyone, I am making a Magic Mirror with an rpi4 and 2 screens that I place on top of each other. When I run the Magic Mirror software, it only shows on 1 screen. Is there a possibility to do this on the 2 screens?

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @Ety60
        last edited by sdetweil

        @Ety60 I haven’t been able to make it use both displays on startup… I can drag the image to fill both screens…

        you can fiddle with the display options

        var config = { 
             electronOptions : { ????? },
             modules : []
        }
        

        x and y describe the top left corner of the display
        width and height describe the size and shape of the page

        kiosk mode turns on fullscreen, no title bar, and some other things, not resizable I think… really a pain on mac)

        the defintion of these options are here

        https://www.electronjs.org/docs/api/browser-window

        I use the electronOptions to have MM run on the second display on my desktop system

        electronOptions: { x: 1920 },

        so I tried

         electronOptions: { x: 0, width: 1920, height: 2160, minHeight: 2160, kiosk: false, fullscreen: false,  backgroundColor: "#00000001", autoHideMenuBar :true},
        

        and it starts fullscreen on the 1st monitor (had to crop the screen shot to get it under 2 meg)
        Screenshot at 2020-08-07 08-34-36.png
        and

        electronOptions: { x: 1920, width: 1920, height: 2160, minHeight: 2160, kiosk: false, fullscreen: false,  backgroundColor: "#00000001", autoHideMenuBar :true}, 
        

        and it starts large, on the second monitor, but not quite full screen as the taskbar is not present on monitor 2.
        Screenshot at 2020-08-07 08-35-02.png

        neither the system , nor MM know about the physical placement of the displays

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @sdetweil
          last edited by

          @Ety60 i have played with all kinds of scripts that ‘should’ work, but don’t… all oldish 2-3 years

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • E Offline
            Ety60
            last edited by Ety60

            @sdetweil thanks for your quick and very complete answer. But do I understand that it is not possible to run the software on 2 screens? Could it be possible to run a separate magic mirror on each screen?

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @Ety60
              last edited by sdetweil

              @Ety60 yes, rename one MagicMirror folder to MagicMirror2 and install a second instance, and in the config.js of one use the
              electronOptions:{x:1920}
              to display beyond the 1st display

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • E Offline
                Ety60
                last edited by

                @sdetweil I addded electronOptions: {x: 1920} to my config file and I didn’t get an error but it still only shows up on the first screen. Am I doing something wrong?

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @Ety60
                  last edited by sdetweil

                  @Ety60 like this, inside the config structure

                  var config={
                     electronOptions:{ x: 1920 },
                     ...
                      modules :[],
                  }
                  

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • E Offline
                    Ety60
                    last edited by

                    Thanks for the quick respons
                    Yes, exact like that.

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil
                      last edited by sdetweil

                      hm, this is mine, cut and paste, opens on second display

                      
                      var config = {
                        electronOptions: { x: 1920}, 
                      

                      are you using docker or MagicMirrorOS

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • E Offline
                        Ety60
                        last edited by

                        I found the error, because I put the 2 screens on top of each other, not x but y = 1920.
                        But I have found that the magicmirror2 folder is listening for the config file of the magicmirror folder. How can I adjust this?

                        S 1 Reply Last reply Reply Quote 0
                        • S Offline
                          sdetweil @Ety60
                          last edited by sdetweil

                          @Ety60 how did u start each mm?

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • E Offline
                            Ety60
                            last edited by

                            I have done npm start on both

                            S 1 Reply Last reply Reply Quote 0
                            • S Offline
                              sdetweil @Ety60
                              last edited by

                              @Ety60 hm… then they should be looking at the config folder under each separate mm folder

                              u cannot start it twice from the same folder

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • E Offline
                                Ety60
                                last edited by

                                I used npm start to start both displays

                                S 1 Reply Last reply Reply Quote 0
                                • S Offline
                                  sdetweil @Ety60
                                  last edited by sdetweil

                                  @Ety60 from the separate mm installation folders, right

                                  ~/MagicMirror
                                  and
                                  ~/MagicMirror2

                                  assuming there is a coding error someplace, rename like this

                                  ~/MagicMirror1
                                  and
                                  ~/MagicMirror2

                                  then there is no, MagicMirror folder to use from

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  1 Reply Last reply Reply Quote 0
                                  • E Offline
                                    Ety60
                                    last edited by

                                    I have done that but it still uses 1 config file. I have found that it always uses the config file of the MagicMirror that I run first.

                                    S 1 Reply Last reply Reply Quote 0
                                    • S Offline
                                      sdetweil @Ety60
                                      last edited by

                                      @Ety60 makes no sense. u are doing

                                      cd ~/MagicMirror1
                                      npm start
                                      

                                      in another window

                                      cd ~/MagicMirror2
                                      npm start
                                      

                                      right

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      1 Reply Last reply Reply Quote 0
                                      • E Offline
                                        Ety60
                                        last edited by

                                        thats correct!

                                        S 1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          sdetweil @Ety60
                                          last edited by

                                          @Ety60 can u show the two console outputs

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • E Offline
                                            Ety60
                                            last edited by

                                            There is an error in the second console output. This one:

                                            listen EADDRINUSE:  address already in use  128.0.0.1:8080
                                            
                                            S 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 1 / 2
                                            • 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