MMM-WeatherBackground

cowboysdude

@buzzman AWESOME! :)

richland007

@Sean Hey there thank you for this cool module.
I have one problem though i have different pages on my mirror MMM-pages and i also use your MMM-DropboxWallpaper that i use for a few of those pages as a background (not on all of them) and works fine… so this brings me to my question… I want the MMM-WeatherBackground only for Page 1 where my weather module is at?? How do i do that so it does not surface on all backgrounds …i did make sure that i have listed MMM-WeatherBackground on Page 1 only not on exemptions where those modules that are on all pages reside.

Please help me out and thank you again
Denis

richland007

How can i use MMM-WeatherBackground only on the page where i have my weather information MMM-NOAA3 and not on all my pages??
D

A Former User

@richland007
I’ll reply to u next monday.

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.

A Former User

UPDATED

[2018-12-13]

@bkeyport
Now you can assign specific collection to specific keyword as your wish to get more related pictures.

By example, you can assign 1877260 as source of clear-day pictures.

0m4r

is this supposed to work with: MMM-OpenWeatherForecast?
and how should this behave if there is more than one instance of the same plugin configured?

I see the module, and this post, are not really active, so if it is not supported (or maintained) anymore - just ignore me!

MMRIZE

@0m4r
I was the original author of that module. ;)
Basically, if any module could emit any notification and it could be translated properly, it will work.
You can define your customization with payloadConverter and notification in config.js

notification: "SOME MODULE NOTI",
payloadConverter:(payload)=>{
        return  "windy night spring"  // <= query text for the image.  
}

Currently, this module is managed by brianHelper

0m4r

@mmrize hey thanks! I figure that out myself already digging into the code!
cool module, I never really thought about using an event to customize the payload and have a function as a config value… I may play around with it a little more and come back if I have any question :)

bhepler

Updated 2021-09-13

Thanks goes to @eouia for the many changes.

REMOVED Removing dependency of dying momentJS
ADDED config.monthMap : Now you can define keywords per month. (It could be the replacement of config.hemisphere). You can set winter christmas santa-clause as keyword for December. Or you can set spring to March, April, May.
ADDED config.externalCollections : separated collections data to external file.
ADDED config.size is added. you can set pictures original dimension by this value. (this value is not for cropping. Rather for resolution optimizing.)
CHANGED Default weather module source - weather is added.
REMOVED Obsoleted weather module source - currentweather is removed.
ADDED CSS controllable. Now you can control the style(CSS selector .WTHBGR) more comfortably.
CHANGED Current collection list was too huge and not maintained. Now Collection fallback is supported. When the module cannot find a proper collection, the keyword searching would be alternated instead.
CHANGED Now, collection matching is based on match-score.

bhepler

Updated 2022-05-07

I updated the README for a more complete documentation of the module and options.
Expanded the default collections to source the images.
Added more logging messages for verbose mode