Frameless Bathroom Mirror - Part 1: Software and Preparations

[Stoffbeuteluwe]

@samson_82 Hallo, du brauchst doch nur die (RSS feeds) von von Deutschen Nachrichten in die config einfügen.
Ich kann dir auch mal meine config von den Nachrichten schicken…wenn es bei dir nicht klappt.

[Meidlmarkus]

@samson_82 Hi, ja, wie auch @Stoffbeuteluwe geschrieben hat, du brauchst nur eine passende url für einen rss feed im config.js eintragen: ich habe diese beiden verwendet:

 {                                  
             module: "newsfeed",
             position: "bottom_bar",
             config: {
                            feeds: [
                                        {
                                                title: "derStandard.at - Newsroom",
                                                url: "http://derStandard.at/?page=rss&ressort=Newsroom"
                                        },
                                        {
                                                title: "kurier.at",
                                                url: "http://kurier.at/newsfeed/nachrichten_rss.xml"
                                        },
                                        ],
                         showSourceTitle: true,
                         showPublishDate: true
                        }
},

[Fozi]

That‘s a really cool sneak preview. I like the maps integration with iFrame and will give it a try on my mirror. Looking forward to seeing the finished build.

[samson_82]

Danke euch.
Werds am Freitag mal testen.

MfG

[bhepler]

Is that Postmodern Jukebox in the video?

[Meidlmarkus]

@bhepler yes exactly :-)
It is “Life on Mars” - a terrific rendition, I find.

[Meidlmarkus]

@samson_82 did it work? Hat’s geklappt?

[samson_82]

Ja hats. Danke

[Lx]

@Meidlmarkus said in Glass on the way, but still eager to share my first try:

I’m a bit proud of the next module to be honest.

And you have every reason to be! That’s great. I can’t even get any map displayed on the mirror.

To have it appear in a matching style I used filter:greyscale 100% plus invert 100% within the js of the module. This way I managed a quite decent google display without the need of an API key.

Would you mind sharing the module’s code from your config file, as well as the modified MMM-iFrameReload.js ?

[Meidlmarkus]

@Lx said in Glass on the way, but still eager to share my first try:

Would you mind sharing the module’s code from your config file, as well as the modified MMM-iFrameReload.js ?

Absolutely no problem, glad if I can help :-)

Here is the MMM-iFrameReload configuration in config/config.js:

{
			module: 'MMM-iFrameReload',
			position: 'top_right',	// This can be any of the regions.
			config: {
				url: "https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d42533.999773346404!2d16.411988327113605!3d48.2186535328082!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x476d015a39ef4d09%3A0x9517276e2c623b28!2sGunertweg%204%2C%201220%20Wien%2C%20%C3%96sterreich!3m2!1d48.249941799999995!2d16.4780513!4m5!1s0x476d00ab0878e79f%3A0x27ed9084b744849a!2sErdbergstra%C3%9Fe%20236%2C%20Wien!3m2!1d48.1851841!2d16.4259021!5e0!3m2!1sde!2sat!4v1581209652324!5m2!1sde!2sat",	
				width: "100%", // Optional. Default: 400px
				height: "400px", // Optional. Default: 800px
				refreshInterval: 900  //Optional. Default: 3600 = 1 hour
			}
		},

So this shows the way from my home to my office. To show a route of your own liking, process as follows:

1. go to https://www.google.at/maps/
2. search your destination in the left-hand google maps search box
3. switch to navigation, enter your origin and let google calculate the route
4. this is the important part: get the iFrame url: click the menu button on the left, select ‘share or embed map’ and select embed map.
5. copy the iframe src into your clipboard, use the whole part between the double quotes including the https
6. paste it in the url: part of your MMM-iFrameReload config.js

Now you should see a colorful map after saving and restarting mm.
If you want to have the dark-grey appearance, go into the MMM-iFrameReload.js in ~/MagicMirror/modules/MMM-iFrameReload/
Find the line iframe.style = “border:0” and replace it with

iframe.style = "border:0;filter: grayscale(95%) invert(100%);"

Hope this helps, pls let me know if it worked!
Cheers
Markus