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.
    • B Offline
      buzzman @buzzman
      last edited by

      This post is deleted!
      1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @buzzman
        last edited by Mykle1

        @buzzman

        My advice. Delete your current MMM-WeatherBackground folder/directory. Clone the repo again
        git clone https://github.com/cowboysdude/MMM-WeatherBackground.git into your modules folder. cd into your new MMM-WeatherBackground directory. Run npm install. You should be golden.

        P.S. No helper is not an error.

        Create a working config
        How to add modules

        B 1 Reply Last reply Reply Quote 0
        • B Offline
          buzzman @Mykle1
          last edited by

          @mykle1
          pm notice created a lockfile as package-lock.json. You should commit this file.
          npm WARN mmm-weatherbackground@3.0.1 No repository field.

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

            @buzzman
            You can ignore any WARN message.

            1 Reply Last reply Reply Quote 1
            • B Offline
              buzzman
              last edited by

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

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

                @buzzman said in MMM-WeatherBackground:

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

                B 1 Reply Last reply Reply Quote 0
                • B Offline
                  buzzman @cowboysdude
                  last edited by

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

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

                    @buzzman AWESOME! :)

                    1 Reply Last reply Reply Quote 0
                    • richland007R Offline
                      richland007
                      last edited by

                      @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

                      1 Reply Last reply Reply Quote 0
                      • richland007R Offline
                        richland007
                        last edited by

                        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

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

                          @richland007
                          I’ll reply to u next monday.

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

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

                            richland007R 1 Reply Last reply Reply Quote 4
                            • richland007R Offline
                              richland007 @Guest
                              last edited by

                              @sean Thank you very much it worked like a charm …you guys that know how to code are cool :)
                              thanks again

                              cowboysdudeC 1 Reply Last reply Reply Quote 1
                              • 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

                                            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