<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[MMM-WeatherBackground]]></title><description><![CDATA[<h1>MMM-WeatherBackground</h1>
<p dir="auto">MagicMirror Module - for Weather image background from Unsplash. This is a plugin of other weather modules.</p>
<h2>Screenshot</h2>
<p dir="auto"><img src="https://github.com/eouia/MMM-WeatherBackground/blob/master/scr.png?raw=true" alt="Screenshot" class=" img-fluid img-markdown" /></p>
<h2>Details</h2>
<p dir="auto">[card:eouia/MMM-WeatherBackground]</p>
]]></description><link>https://forum.magicmirror.builders/topic/8606/mmm-weatherbackground</link><generator>RSS for Node</generator><lastBuildDate>Mon, 08 Jun 2026 15:16:03 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/8606.rss" rel="self" type="application/rss+xml"/><pubDate>Fri, 17 Aug 2018 16:49:52 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to MMM-WeatherBackground on Sun, 20 Oct 2024 23:23:54 GMT]]></title><description><![CDATA[<p dir="auto">Update for 20 October 2024: Thanks to the hard work of Kevin Sivic, the MMM-WeatherBackground module can function again.</p>
<p dir="auto">Unfortunately, the Unsplash service closed down their API to free use. You will have to log in to their website at <a href="http://www.unsplash.com" target="_blank" rel="noopener noreferrer nofollow ugc">www.unsplash.com</a> and join their developer program. Once you have an Access Key, you can use that key to make the module function.</p>
]]></description><link>https://forum.magicmirror.builders/post/120709</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/120709</guid><dc:creator><![CDATA[bhepler]]></dc:creator><pubDate>Sun, 20 Oct 2024 23:23:54 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Tue, 26 Jul 2022 12:54:05 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bhepler" aria-label="Profile: bhepler">@<bdi>bhepler</bdi></a> It works now. Thank you!</p>
]]></description><link>https://forum.magicmirror.builders/post/103068</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/103068</guid><dc:creator><![CDATA[EphraimB]]></dc:creator><pubDate>Tue, 26 Jul 2022 12:54:05 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Mon, 25 Jul 2022 17:30:03 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bhepler" aria-label="Profile: bhepler">@<bdi>bhepler</bdi></a> Your update for OpenWeatherForecast works with me! Thanks for your effort!</p>
]]></description><link>https://forum.magicmirror.builders/post/103055</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/103055</guid><dc:creator><![CDATA[Fozi]]></dc:creator><pubDate>Mon, 25 Jul 2022 17:30:03 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Sun, 24 Jul 2022 20:27:00 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ephraimb" aria-label="Profile: EphraimB">@<bdi>EphraimB</bdi></a> - Sounds like a useful modification. I’m working on it now. It doesn’t seem terribly difficult to add.</p>
<p dir="auto">Edit: Okay, done. It should accept notifications from the MMM-OpenWeatherForecast app. Update the module, change the <code>source</code> parameter to “MMM-OpenWeatherForecast” and it should pick up the notifications.</p>
]]></description><link>https://forum.magicmirror.builders/post/103033</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/103033</guid><dc:creator><![CDATA[bhepler]]></dc:creator><pubDate>Sun, 24 Jul 2022 20:27:00 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Sun, 17 Jul 2022 14:15:00 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mmrize" aria-label="Profile: MMRIZE">@<bdi>MMRIZE</bdi></a> This one: <a href="https://github.com/jclarke0000/MMM-OpenWeatherForecast" target="_blank" rel="noopener noreferrer nofollow ugc">https://github.com/jclarke0000/MMM-OpenWeatherForecast</a></p>
]]></description><link>https://forum.magicmirror.builders/post/102890</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/102890</guid><dc:creator><![CDATA[EphraimB]]></dc:creator><pubDate>Sun, 17 Jul 2022 14:15:00 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Sat, 16 Jul 2022 23:12:25 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ephraimb" aria-label="Profile: EphraimB">@<bdi>EphraimB</bdi></a><br />
There were so many modules using <code>openweather</code> API(So I don’t know which module is what you mentioned), but since MM changed its default <code>weather</code> module, the default <code>weather</code> module could also handle openweather API natively. So, just use the default <code>weather</code> module.<br />
Or, request the developer of your <code>open-weather-using-module</code> to support <code>CURRENTWEATHER_TYPE</code> notification to be compatible with the default <code>weather</code> module.</p>
]]></description><link>https://forum.magicmirror.builders/post/102877</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/102877</guid><dc:creator><![CDATA[MMRIZE]]></dc:creator><pubDate>Sat, 16 Jul 2022 23:12:25 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Fri, 15 Jul 2022 17:42:37 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mmrize" aria-label="Profile: MMRIZE">@<bdi>MMRIZE</bdi></a> How do I get it to work with open weather module?</p>
]]></description><link>https://forum.magicmirror.builders/post/102872</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/102872</guid><dc:creator><![CDATA[EphraimB]]></dc:creator><pubDate>Fri, 15 Jul 2022 17:42:37 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Sat, 07 May 2022 18:32:38 GMT]]></title><description><![CDATA[<p dir="auto">Updated 2022-05-07</p>
<ul>
<li>I updated the README for a more complete documentation of the module and options.</li>
<li>Expanded the default collections to source the images.</li>
<li>Added more logging messages for verbose mode</li>
</ul>
]]></description><link>https://forum.magicmirror.builders/post/101706</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/101706</guid><dc:creator><![CDATA[bhepler]]></dc:creator><pubDate>Sat, 07 May 2022 18:32:38 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Sat, 25 Sep 2021 17:54:52 GMT]]></title><description><![CDATA[<h2>Updated 2021-09-13</h2>
<p dir="auto">Thanks goes to @eouia  for the many changes.</p>
<p dir="auto"><strong>REMOVED</strong> Removing dependency of dying momentJS<br />
<strong>ADDED</strong> 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.<br />
<strong>ADDED</strong> config.externalCollections : separated collections data to external file.<br />
<strong>ADDED</strong> config.size is added. you can set pictures original dimension by this value. (this value is not for cropping. Rather for resolution optimizing.)<br />
<strong>CHANGED</strong> Default weather module source - weather is added.<br />
<strong>REMOVED</strong> Obsoleted weather module source - currentweather is removed.<br />
<strong>ADDED</strong> CSS controllable. Now you can control the style(CSS selector .WTHBGR) more comfortably.<br />
<strong>CHANGED</strong> 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.<br />
<strong>CHANGED</strong> Now, collection matching is based on match-score.</p>
]]></description><link>https://forum.magicmirror.builders/post/94851</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/94851</guid><dc:creator><![CDATA[bhepler]]></dc:creator><pubDate>Sat, 25 Sep 2021 17:54:52 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Tue, 31 Aug 2021 15:46:57 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mmrize" aria-label="Profile: mmrize">@<bdi>mmrize</bdi></a> hey thanks! I figure that out myself already digging into the code!<br />
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 :)</p>
]]></description><link>https://forum.magicmirror.builders/post/94137</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/94137</guid><dc:creator><![CDATA[0m4r]]></dc:creator><pubDate>Tue, 31 Aug 2021 15:46:57 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Tue, 31 Aug 2021 15:15:18 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/0m4r" aria-label="Profile: 0m4r">@<bdi>0m4r</bdi></a><br />
I was the original author of that module.  ;)<br />
Basically, if any module could emit any notification and it could be <strong>translated</strong> properly, it will work.<br />
You can define your customization with <code>payloadConverter</code> and <code>notification</code> in <code>config.js</code></p>
<pre><code class="language-js">notification: "SOME MODULE NOTI",
payloadConverter:(payload)=&gt;{
        return  "windy night spring"  // &lt;= query text for the image.  
}
</code></pre>
<p dir="auto">Currently, this module is managed by <a href="https://github.com/BrianHepler" target="_blank" rel="noopener noreferrer nofollow ugc">brianHelper</a></p>
]]></description><link>https://forum.magicmirror.builders/post/94135</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/94135</guid><dc:creator><![CDATA[MMRIZE]]></dc:creator><pubDate>Tue, 31 Aug 2021 15:15:18 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Tue, 31 Aug 2021 12:09:05 GMT]]></title><description><![CDATA[<p dir="auto">is this supposed to work with: MMM-OpenWeatherForecast?<br />
and how should this behave if there is more than one instance of the same plugin configured?</p>
<p dir="auto">I see the module, and this post, are not really active, so if it is not supported (or maintained) anymore - just ignore me!</p>
]]></description><link>https://forum.magicmirror.builders/post/94128</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/94128</guid><dc:creator><![CDATA[0m4r]]></dc:creator><pubDate>Tue, 31 Aug 2021 12:09:05 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Thu, 13 Dec 2018 10:46:17 GMT]]></title><description><![CDATA[<h2>UPDATED</h2>
<p dir="auto"><strong>[2018-12-13]</strong></p>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bkeyport" aria-label="Profile: bkeyport">@<bdi>bkeyport</bdi></a><br />
Now you can assign specific collection to specific keyword as your wish to get more related pictures.</p>
<p dir="auto">By example, you can assign  <strong><a href="https://unsplash.com/collections/1877260/summer-sunny-vacation" target="_blank" rel="noopener noreferrer nofollow ugc">1877260</a></strong> as source of <code>clear-day</code> pictures.</p>
]]></description><link>https://forum.magicmirror.builders/post/48125</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/48125</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Thu, 13 Dec 2018 10:46:17 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Mon, 03 Dec 2018 08:27:23 GMT]]></title><description><![CDATA[<p dir="auto"><strong>UPDATED</strong></p>
<p dir="auto">[2018-12-03]</p>
<ul>
<li>Now you can simply set <code>source</code> instead complex notification &amp; payloadConverter
<ul>
<li><code>MMM-DarkSkyForecast</code> is supported as source</li>
<li>Currently supported source : <code>currentweather</code>, <code>MMM-NOAA3</code>, <code>MMM-DarkSkyForecast</code></li>
</ul>
</li>
<li>Background image position is centered now.</li>
</ul>
]]></description><link>https://forum.magicmirror.builders/post/47630</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/47630</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Mon, 03 Dec 2018 08:27:23 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Thu, 22 Nov 2018 17:44:11 GMT]]></title><description><![CDATA[<p dir="auto">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!!!</p>
]]></description><link>https://forum.magicmirror.builders/post/47167</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/47167</guid><dc:creator><![CDATA[cowboysdude]]></dc:creator><pubDate>Thu, 22 Nov 2018 17:44:11 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Thu, 22 Nov 2018 09:55:05 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bkeyport" aria-label="Profile: bkeyport">@<bdi>bkeyport</bdi></a><br />
Frankly, it is not so easy, because images are the result of searching keywords in unslpash.<br />
Ideally, <a href="https://source.unsplash.com/featured/?clouds" target="_blank" rel="noopener noreferrer nofollow ugc">https://source.unsplash.com/featured/?clouds</a> 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.<br />
I regard it as a funny random stuffs - not weather itself but something like mood or feeling.<br />
You can adjust obvious keywords in <code>payloadConverter</code> to clearer ones. By example, In above configuration, I change “tstorms” =&gt; “thunderstorm”.</p>
<p dir="auto">Or if you are using MMM-NOAA3, Try cowboysdude’s forked version.(<a href="https://github.com/cowboysdude/MMM-WeatherBackground" target="_blank" rel="noopener noreferrer nofollow ugc">https://github.com/cowboysdude/MMM-WeatherBackground</a>).<br />
Instead getting image from unsplash, it serves prepared static image.</p>
]]></description><link>https://forum.magicmirror.builders/post/47138</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/47138</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Thu, 22 Nov 2018 09:55:05 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Thu, 22 Nov 2018 09:36:20 GMT]]></title><description><![CDATA[<p dir="auto">This module is supposed to be weather images, yet, I have seen exactly one image that’s weather related.</p>
<p dir="auto">Most of the time, it’s keyboards, computer related stuff, people, etc.</p>
<p dir="auto">Can I restrict the pictures?</p>
]]></description><link>https://forum.magicmirror.builders/post/47136</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/47136</guid><dc:creator><![CDATA[BKeyport]]></dc:creator><pubDate>Thu, 22 Nov 2018 09:36:20 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Thu, 22 Nov 2018 09:17:13 GMT]]></title><description><![CDATA[<p dir="auto">I’ve added configuration sample for NOAA3.<br />
I like <a class="plugin-mentions-user plugin-mentions-a" href="/user/cowboysdude" aria-label="Profile: cowboysdude">@<bdi>cowboysdude</bdi></a>’s forked version, but it’s images are static.<br />
I always love random. That is why I build this module.<br />
Fortunately, since <a class="plugin-mentions-user plugin-mentions-a" href="/user/cowboysdude" aria-label="Profile: cowboysdude">@<bdi>cowboysdude</bdi></a> updated his NOAA3, now I can suggest a configuration for my original to use with NOAA3</p>
<pre><code>{
  //disabled:true,
  module: "MMM-WeatherBackground",
  config: {
    targetDOM: ".MMM-Dummy", // &lt; -- change to where you want to display
    notification: "WEATHER",
    payloadConverter:(payload)=&gt;{
      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
    }
  }
},

</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/47135</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/47135</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Thu, 22 Nov 2018 09:17:13 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Wed, 21 Nov 2018 20:57:24 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mykle1" aria-label="Profile: mykle1">@<bdi>mykle1</bdi></a> yeah well…</p>
]]></description><link>https://forum.magicmirror.builders/post/47128</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/47128</guid><dc:creator><![CDATA[cowboysdude]]></dc:creator><pubDate>Wed, 21 Nov 2018 20:57:24 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Wed, 21 Nov 2018 20:20:38 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/cowboysdude" aria-label="Profile: cowboysdude">@<bdi>cowboysdude</bdi></a> said in <a href="/post/47121">MMM-WeatherBackground</a>:</p>
<blockquote>
<p dir="auto">I play with code…THEY know it.</p>
</blockquote>
<p dir="auto">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.</p>
]]></description><link>https://forum.magicmirror.builders/post/47123</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/47123</guid><dc:creator><![CDATA[Mykle1]]></dc:creator><pubDate>Wed, 21 Nov 2018 20:20:38 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Wed, 21 Nov 2018 19:57:34 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/richland007" aria-label="Profile: richland007">@<bdi>richland007</bdi></a> Yes they are…I play with code…THEY know it.</p>
]]></description><link>https://forum.magicmirror.builders/post/47121</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/47121</guid><dc:creator><![CDATA[cowboysdude]]></dc:creator><pubDate>Wed, 21 Nov 2018 19:57:34 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Mon, 19 Nov 2018 05:14:47 GMT]]></title><description><![CDATA[<p dir="auto">@sean Thank you very much it worked like a charm …you guys that know how to code are cool :)<br />
thanks again</p>
]]></description><link>https://forum.magicmirror.builders/post/46999</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/46999</guid><dc:creator><![CDATA[richland007]]></dc:creator><pubDate>Mon, 19 Nov 2018 05:14:47 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Sun, 18 Nov 2018 13:15:33 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/richland007" aria-label="Profile: richland007">@<bdi>richland007</bdi></a><br />
<code>MMM-WeatherBackground</code> will display photos in ANYWHERE you appoint.<br />
Maybe you’ve been appointing <code>.fullscreen.below</code> as <code>targetDOM</code>, so, it shows   photos on <code>fullscreen_below</code> - where is shared with all pages of screen globally.</p>
<p dir="auto">So, here is a simple(?) trick.</p>
<p dir="auto">I made a dummy module for doing nothing but just existing.<br />
<a href="https://github.com/eouia/MMM-Dummy" target="_blank" rel="noopener noreferrer nofollow ugc">https://github.com/eouia/MMM-Dummy</a><br />
Install that, and modify configuration like this.</p>
<pre><code>{
  module:"MMM-Dummy",
  position: "fullscreen_below",
  config: {
    width:"100vw",
    height: "100vh",
  }
},
{
  module: "MMM-WeatherBackground",
  config: {
    targetDOM: ".MMM-Dummy"
  }
},
</code></pre>
<p dir="auto">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?)</p>
]]></description><link>https://forum.magicmirror.builders/post/46950</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/46950</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Sun, 18 Nov 2018 13:15:33 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WeatherBackground on Sat, 17 Nov 2018 11:09:13 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/richland007" aria-label="Profile: richland007">@<bdi>richland007</bdi></a><br />
I’ll reply to u next monday.</p>
]]></description><link>https://forum.magicmirror.builders/post/46890</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/46890</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Sat, 17 Nov 2018 11:09:13 GMT</pubDate></item></channel></rss>