Memory effect with MM2

[lolobyte]

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.

[schlachtkreuzer6]

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.141]

@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

[schlachtkreuzer6]

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

[strawberry 3.141]

@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"];
}

[schlachtkreuzer6]

@strawberry-3.141 WOW! Nice :) Thanks!

[lolobyte]

@strawberry-3.141

Great, i’ll try it!

[kj3rra]

@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

[wladek]

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

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

[wladek]

@sdetweil Tried that before, somehow works now though, thanks!
Only problem I have now is that the module displays two line of text right across the rest of my modules:

MMM-Anti-Screen-Burn-In
module_8_MMM-Anti-Screen-Burn-In

I didn’t add any text to the .js or .css file tho and I can’t figure out how to get rid of it.

[sdetweil]

@wladek oops… if no getDom(), MM puts out some content

replace the js file with this

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

[wladek]

@sdetweil That has fixed it, thank you so much!

[toucherts]

how do I then “activate” it?
Speed Test Scrabble Word Finder Solitaire

[sdetweil]

@toucherts every 6 hours it toggles the class used to present the screen.

I just made a little module package on github
https://github.com/sdetweil/MMM-Anti-Screen-Burn-In

[moali6705]

@sdetweil said in Memory effect with MM2:

@toucherts every 6 hours it toggles the class used to present the screen.

I just made a little module package on github
https://github.com/sdetweil/MMM-Anti-Screen-Burn-In

OK GOOD