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.

    Memory effect with MM2

    Scheduled Pinned Locked Moved Hardware
    16 Posts 8 Posters 9.4k Views 8 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.
    • lolobyteL Offline
      lolobyte
      last edited by

      Hello girls and boy’s.

      I’m worry about a memory effect problem with the static text om my screen with MagicMirror.

      Can somebody explain us if my concern is right or is there no problem with this kind of permanent static text presentation.

      1 Reply Last reply Reply Quote 0
      • schlachtkreuzer6S Offline
        schlachtkreuzer6
        last edited by

        It depends on the displaytechnology you are using. Generally you are right about that. But it is not that bad. https://en.wikipedia.org/wiki/Screen_burn-in

        Anyway my idea (the basic idea is very old, currently google is using something in android wear) is a module, with a Screen-burn-in protection that periodically shift the contents of the screen by a few pixels :)

        MMM-Anti-screen-burn-in ? :P

        strawberry 3.141S 1 Reply Last reply Reply Quote 0
        • strawberry 3.141S Offline
          strawberry 3.141 Project Sponsor Module Developer @schlachtkreuzer6
          last edited by

          @schlachtkreuzer6 you could create a class and add this to the body where the margin is different than the basic 60px and toggle the class to the body every 6 hours or so

          Please create a github issue if you need help, so I can keep track

          schlachtkreuzer6S 1 Reply Last reply Reply Quote 1
          • schlachtkreuzer6S Offline
            schlachtkreuzer6 @strawberry 3.141
            last edited by

            @strawberry-3.141 yeah but i´m a css noob. maybe you can explain that a little? many thanks!

            strawberry 3.141S 1 Reply Last reply Reply Quote 0
            • strawberry 3.141S Offline
              strawberry 3.141 Project Sponsor Module Developer @schlachtkreuzer6
              last edited by

              @schlachtkreuzer6

              MMM-Anti-Screen-Burn-In.css

              .MMM-Anti-Screen-Burn-In {
                  margin: 55px 55px 65px 65px; /*this would shift it 5 pixels higher and 5 pixels to the right side than the standard of 60px on each side*/
              }
              

              MMM-Anti-Screen-Burn-In.js

              start: function(){
                  setInterval(() => {
                      document.querySelector("body").classList.toggle("MMM-Anti-Screen-Burn-In");
                  }, 6 * 60 * 60 * 1000); // every 6 hours
              },
              
              getStyles: function(){
                  return ["MMM-Anti-Screen-Burn-In.css"];
              }
              

              Please create a github issue if you need help, so I can keep track

              schlachtkreuzer6S lolobyteL K 3 Replies Last reply Reply Quote 1
              • schlachtkreuzer6S Offline
                schlachtkreuzer6 @strawberry 3.141
                last edited by

                @strawberry-3.141 WOW! Nice :) Thanks!

                1 Reply Last reply Reply Quote 0
                • lolobyteL Offline
                  lolobyte @strawberry 3.141
                  last edited by

                  @strawberry-3.141

                  Great, i’ll try it!

                  1 Reply Last reply Reply Quote 0
                  • K Offline
                    kj3rra @strawberry 3.141
                    last edited by

                    @strawberry-3.141 Hi. This is exactly what I need. However, I dont know how to proceed with the information. Yes, I made the .css and .js file and put them in a new folder inside the module folder, but how do I then “activate” this? Could someone be so kind and explain step by step how to make this work?

                    Sorry for not knowing this I presume is quite basic, but so far I only installed ready made modules :)

                    Thanks

                    1 Reply Last reply Reply Quote 0
                    • W Offline
                      wladek
                      last edited by

                      @strawberry-3.141 I tried to get your class into my MM but I don’t know where to put the .css and .js files and how to toggle them.

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

                        @wladek you add the css file to your module folder… and then modify your module.js code per the instructions above to load the css, and the timer code to invoke the other css…

                        you could also make a complete new module with a little more code…

                        make a folder

                        MM/modules/MMM-Anti-Screen-Burn-In
                        

                        put the css file in that folder
                        create a new file in that folder

                        MMM-Anti-Screen-Burn-In.js
                        
                        Module.register("MMM-Anti-Screen-Burn-In", {
                        start: function(){
                            setInterval(() => {
                                document.querySelector("body").classList.toggle("MMM-Anti-Screen-Burn-In");
                            }, 6 * 60 * 60 * 1000); // every 6 hours
                        },
                        
                        getStyles: function(){
                            return ["MMM-Anti-Screen-Burn-In.css"];
                        },
                        getDom: function(){
                          var wrapper = document.createElement("div");
                          return wrapper
                        }
                        })
                        

                        and the module to config.js

                        {
                           module: "MMM-Anti-Screen-Burn-In",
                           position: middle
                        }
                        

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        W 1 Reply Last reply Reply Quote 0
                        • 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