MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-WeatherBackground

    Scheduled Pinned Locked Moved Utilities
    54 Posts 14 Posters 30.4k Views 14 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • cowboysdudeC Offline
      cowboysdude Module Developer @richland007
      last edited by

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

      Mykle1M 1 Reply Last reply Reply Quote 2
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @cowboysdude
        last edited by

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

        Create a working config
        How to add modules

        cowboysdudeC 1 Reply Last reply Reply Quote 1
        • cowboysdudeC Offline
          cowboysdude Module Developer @Mykle1
          last edited by

          @mykle1 yeah well…

          1 Reply Last reply Reply Quote 0
          • ? Offline
            A Former User
            last edited by 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
                }
              }
            },
            
            
            1 Reply Last reply Reply Quote 1
            • BKeyportB Offline
              BKeyport Module Developer
              last edited by

              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?

              The "E" in "Javascript" stands for "Easy"

              ? 2 Replies Last reply Reply Quote 0
              • ? Offline
                A Former User @BKeyport
                last edited by

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

                1 Reply Last reply Reply Quote 1
                • cowboysdudeC Offline
                  cowboysdude Module Developer
                  last edited by

                  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!!!

                  1 Reply Last reply Reply Quote 0
                  • ? Offline
                    A Former User
                    last edited by

                    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.
                    1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User @BKeyport
                      last edited by 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.

                      0m4r0 1 Reply Last reply Reply Quote 1
                      • 0m4r0 Offline
                        0m4r Module Developer @Guest
                        last edited by

                        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!

                        https://github.com/0m4r

                        M 1 Reply Last reply Reply Quote 0
                        • M Offline
                          MMRIZE @0m4r
                          last edited by

                          @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

                          0m4r0 E 2 Replies Last reply Reply Quote 2
                          • 0m4r0 Offline
                            0m4r Module Developer @MMRIZE
                            last edited by

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

                            https://github.com/0m4r

                            1 Reply Last reply Reply Quote 0
                            • bheplerB Offline
                              bhepler Module Developer
                              last edited by

                              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.

                              1 Reply Last reply Reply Quote 0
                              • bheplerB Offline
                                bhepler Module Developer
                                last edited by

                                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
                                1 Reply Last reply Reply Quote 1
                                • E Offline
                                  EphraimB @MMRIZE
                                  last edited by

                                  @MMRIZE How do I get it to work with open weather module?

                                  M 1 Reply Last reply Reply Quote 0
                                  • M Offline
                                    MMRIZE @EphraimB
                                    last edited by MMRIZE

                                    @EphraimB
                                    There were so many modules using openweather API(So I don’t know which module is what you mentioned), but since MM changed its default weather module, the default weather module could also handle openweather API natively. So, just use the default weather module.
                                    Or, request the developer of your open-weather-using-module to support CURRENTWEATHER_TYPE notification to be compatible with the default weather module.

                                    E 1 Reply Last reply Reply Quote 0
                                    • E Offline
                                      EphraimB @MMRIZE
                                      last edited by

                                      @MMRIZE This one: https://github.com/jclarke0000/MMM-OpenWeatherForecast

                                      bheplerB 1 Reply Last reply Reply Quote 0
                                      • bheplerB Offline
                                        bhepler Module Developer @EphraimB
                                        last edited by bhepler

                                        @EphraimB - Sounds like a useful modification. I’m working on it now. It doesn’t seem terribly difficult to add.

                                        Edit: Okay, done. It should accept notifications from the MMM-OpenWeatherForecast app. Update the module, change the source parameter to “MMM-OpenWeatherForecast” and it should pick up the notifications.

                                        FoziF E 2 Replies Last reply Reply Quote 1
                                        • FoziF Offline
                                          Fozi Project Sponsor @bhepler
                                          last edited by

                                          @bhepler Your update for OpenWeatherForecast works with me! Thanks for your effort!

                                          HowTo: Replace PIR Sensor with a RCWL-0516 Microwave Sensor

                                          1 Reply Last reply Reply Quote 1
                                          • E Offline
                                            EphraimB @bhepler
                                            last edited by

                                            @bhepler It works now. Thank you!

                                            1 Reply Last reply Reply Quote 1

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 2 / 3
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy