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