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 25.9k 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.
    • ? 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
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 3 / 6
                        • 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