MMM-WeatherBackground

cowboysdude

@mykle1 @Sean
I dont know whats going on . i don’t get any weather picture. i have tried it with MMM-NOAA3 with 2 different weather api . the weather info from noaa3 is right .

Well there may be another issue. This is the fun of the mirror…no two are alike and sometimes different problems arise.

Hang in there, it’ll be working :)

buzzman

@cowboysdude
i bought a new sd card and reinstall it all . it finally worked.

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