MMM-WeatherBackground

A Former User

@richland007
MMM-WeatherBackground will display photos in ANYWHERE you appoint.
Maybe you’ve been appointing .fullscreen.below as targetDOM, so, it shows photos on fullscreen_below - where is shared with all pages of screen globally.

So, here is a simple(?) trick.

I made a dummy module for doing nothing but just existing.
https://github.com/eouia/MMM-Dummy
Install that, and modify configuration like this.

{
  module:"MMM-Dummy",
  position: "fullscreen_below",
  config: {
    width:"100vw",
    height: "100vh",
  }
},
{
  module: "MMM-WeatherBackground",
  config: {
    targetDOM: ".MMM-Dummy"
  }
},

Now MMM-Dummy will contain weatherphotos as its background image. You can show/hide this module with any page controlling modules.(MMM-Pages? MMM-Caroulsel?)

richland007

@sean Thank you very much it worked like a charm …you guys that know how to code are cool :)
thanks again

cowboysdude

@richland007 Yes they are…I play with code…THEY know it.

Mykle1

@cowboysdude said in MMM-WeatherBackground:

I play with code…THEY know it.

Don’t sell yourself short, bro. There hasn’t been a module I’ve broken that you haven’t been able to fix. I tip my hat to you.

cowboysdude

@mykle1 yeah well…

A Former User

I’ve added configuration sample for NOAA3.
I like @cowboysdude’s forked version, but it’s images are static.
I always love random. That is why I build this module.
Fortunately, since @cowboysdude updated his NOAA3, now I can suggest a configuration for my original to use with NOAA3

{
  //disabled:true,
  module: "MMM-WeatherBackground",
  config: {
    targetDOM: ".MMM-Dummy", // < -- change to where you want to display
    notification: "WEATHER",
    payloadConverter:(payload)=>{
      var n = (moment().isAfter(moment(payload.sunset))) ? "night" : "day"
      var iconMap = {
        "tstorms": "thunderstorm",
        "chancesnow": "snow"
      }
      var ret = (payload.icon in iconMap) ? iconMap[payload.icon] : payload.icon
      return ret + " " + n
    }
  }
},

BKeyport

This module is supposed to be weather images, yet, I have seen exactly one image that’s weather related.

Most of the time, it’s keyboards, computer related stuff, people, etc.

Can I restrict the pictures?

A Former User

@bkeyport
Frankly, it is not so easy, because images are the result of searching keywords in unslpash.
Ideally, https://source.unsplash.com/featured/?clouds should show the clouds - weather related image. But in unsplash, many images - not related with weather itself - might have that name “clouds” because, just photographer named as it.
I regard it as a funny random stuffs - not weather itself but something like mood or feeling.
You can adjust obvious keywords in payloadConverter to clearer ones. By example, In above configuration, I change “tstorms” => “thunderstorm”.

Or if you are using MMM-NOAA3, Try cowboysdude’s forked version.(https://github.com/cowboysdude/MMM-WeatherBackground).
Instead getting image from unsplash, it serves prepared static image.

cowboysdude

It’s a great module!! Yes it’s random pictures but it’s still VERY cool because in reality the pictures returned are usually really good!!!

A Former User

UPDATED

[2018-12-03]

Now you can simply set source instead complex notification & payloadConverter
- MMM-DarkSkyForecast is supported as source
- Currently supported source : currentweather, MMM-NOAA3, MMM-DarkSkyForecast
Background image position is centered now.