• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

7" and 5" displays

Scheduled Pinned Locked Moved Show your Mirror
16 Posts 10 Posters 6.1k Views 12 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.
  • H Offline
    harney
    last edited by Feb 20, 2021, 11:39 AM

    I’ve been working on these for a few weeks now. The 7 inch screen is for my Pi server, and the 5inch screen is my bedside clock.

    Both screens have brightness controls, and module hiding. The seven inch screen has both a manual screen button for reducing the brightness from 180 to 20, which can override the auto dulling and brightening.

    Seven Inch (screen grabs - Full and Night mode)
    7inch.jpeg 7inchnight.jpeg
    Seven inch Bright mode
    7inchbright.jpg
    Seven inch in night dull mode( Not as bright as the image in real life. At night, its just bright enough to see the time but not bright enough to light the room. Dimming is the same on both screens)

    7inchnight.jpg
    And in dull mode
    7inch.jpg

    Five inch
    6inchreal.jpg
    Screen grab of full five inch screen
    5inch.jpeg
    And night mode
    5inchnight.jpeg

    Modules used (and modified)

    Clock
    MMM-ScreenDimmer
    MMM-OpenWeather
    weatherforecast (with modified ico sizes for the 5" screen)
    MMM-network-signal
    MMM-ip
    MMM-ModuleToggle
    MMM-TouchButton
    MMM-ping
    internet-monitor
    MMM-SystemStats

    Thanks

    G R 2 Replies Last reply Feb 23, 2021, 7:19 AM Reply Quote 3
    • S Offline
      Saabman Project Sponsor
      last edited by Feb 21, 2021, 5:04 AM

      That looks neat,

      how do you find the brightness in the bedroom of a night. I made a clock out of and Iphone but found the backlight was way too bright.

      do you have absolute control over your back light?

      H 1 Reply Last reply Feb 21, 2021, 7:30 AM Reply Quote 0
      • H Offline
        harney @Saabman
        last edited by Feb 21, 2021, 7:30 AM

        @saabman I did some testing and found a brightness that didnt light up the room but still enabled the display to be seem

        The Sun and Moon icons on the left have commands attached to them

        | command: “echo 20 | sudo tee /sys/class/backlight/rpi_backlight/brightness”, |

        I just changed the “echo xxx” number to a value that works for me. I’m using Raspberry screens.

        S 1 Reply Last reply Feb 21, 2021, 10:43 AM Reply Quote 0
        • S Offline
          Saabman Project Sponsor @harney
          last edited by Feb 21, 2021, 10:43 AM

          @harney Thats good Your on a winner :)

          I shelved my Iphone project till I can get my hands on some dark window tint to bring it under control -

          1 Reply Last reply Reply Quote 0
          • C Offline
            carltonb
            last edited by Feb 22, 2021, 1:19 PM

            @harney These look great. I have built something similar on larger screens.
            Can you please let me know what models of the 5 and 7" screens you are using.

            Thanks
            carltonb

            H 1 Reply Last reply Feb 25, 2021, 3:42 PM Reply Quote 0
            • G Offline
              Gr1dL0ck @harney
              last edited by Feb 23, 2021, 7:19 AM

              @harney

              how did you get the sun/moon to come up and in color like that ?

              could you post some of the code to that

              H 1 Reply Last reply Feb 25, 2021, 3:57 PM Reply Quote 0
              • H Offline
                harney @carltonb
                last edited by Feb 25, 2021, 3:42 PM

                @carltonb the 7inch screen is the raspberry pi unit https://www.raspberrypi.org/products/raspberry-pi-touch-display/

                and the 5 inch is from DFRobot, https://www.dfrobot.com/product-1784.html

                i chose both these as they use a flat ribbon cable to hook up instead of HDMI or the GPIO pins

                1 Reply Last reply Reply Quote 0
                • H Offline
                  harney @Gr1dL0ck
                  last edited by Feb 25, 2021, 3:57 PM

                  @gr1dl0ck that is the 5inch screen using MMM-weatherforecast https://github.com/jharttech/MMM-weatherforecast/blob/master/README.md

                  which comes with deviant art icons. I reduced the size of the icins to fit the area i had, and saved them in the CSS file as instructed but used different names. then change the MMM-weatherforcast.css file to point to the icos i wanted shown rather than the default selection. Theres quite a few icons to select from in the icon folder of the git file. I just chose the ones i liked the best based on the fortecast

                  1 Reply Last reply Reply Quote 0
                  • O Offline
                    osfersa
                    last edited by Oct 11, 2021, 4:31 AM

                    How did you get to use the whole 7’ screen, when I build mine, it cropped the top and bottom?

                    Screenshot 2021-10-11 003031.jpg

                    H 1 Reply Last reply Oct 13, 2021, 3:16 PM Reply Quote 0
                    • S Away
                      sdetweil
                      last edited by sdetweil Apr 6, 2022, 7:09 PM Oct 13, 2021, 12:01 PM

                      mm does not know it’s a touch screen the browser draws on the screen and it so happens that it supports touch events , like mouse events. click here , click there.

                      the thing under the click point reacts to the event or not, depending on what browser element it is.

                      if the screen doesn’t support touch, then there is not click event, but the html widget is the same

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      O 1 Reply Last reply Oct 14, 2021, 4:36 PM Reply Quote 1
                      • 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