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