<?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-EmbedURL] Embed one or multiple websites to the mirror]]></title><description><![CDATA[<h1>Description:</h1>
<p dir="auto">There are already a lot of modules out there that provide support to embed different other websites like <a href="https://github.com/nitpum/MMM-EmbedYoutube" target="_blank" rel="noopener noreferrer nofollow ugc">MMM-EmbedYoutube</a> or <a href="https://github.com/SvenSommer/MMM-GrafanaChart" target="_blank" rel="noopener noreferrer nofollow ugc">MMM-GrafanaChart</a>. Most of them simply rebuild the URL they should display by some information the users configure and embed the content with i a IFrame.<br />
If the pages do not support embedding and the build in electron browser is used modules like <a href="https://github.com/Iketaki/MMM-WebView" target="_blank" rel="noopener noreferrer nofollow ugc">MMM-WebView</a> can be used to embed the content.</p>
<p dir="auto">BUT:<br />
I needed a module that allows me to embed multiple panels of my Grafana installation, maybe a Webcam that is visible on a webpage and my NodeRED dashboard at different positions and/or pages of my mirrors.<br />
Wherever possible i wanted to use IFrame but needed Webview for NodeRED.</p>
<p dir="auto">As there was module that supports embedding different sites with different parameters i created this one.</p>
<p dir="auto">The module supports multiple instances and is able to add css classes to the different instances. This way different styling for the instances is possible.<br />
As the module it self uses <a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" target="_blank" rel="noopener noreferrer nofollow ugc">Flexbox-Layout</a> styling is highly possible without fix tables.</p>
<p dir="auto">If you can not use webview (cause you do not use the electron browser) the Readme contains some information about extensions for Firefox and Chrome Browser that will remove the headers preventing the websites to be embedded and do an automatic cookie consent.</p>
<h1>Screenshots:</h1>
<p dir="auto"><img src="/assets/uploads/files/1666962997921-somegrafanapanels.png" alt="SomeGrafanaPanels.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><img src="/assets/uploads/files/1666963023679-webcam.png" alt="webcam.png" class=" img-fluid img-markdown" /></p>
<h1>Download:</h1>
<p dir="auto"><a href="https://github.com/Tom-Hirschberger/MMM-EmbedURL" target="_blank" rel="noopener noreferrer nofollow ugc">Download</a><br />
[card:Tom-Hirschberger/MMM-EmbedURL]</p>
<hr />
<h2>Version 0.0.9</h2>
<ul>
<li>removed unused node_helper.js (thanks to <a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a>)</li>
<li>added configs to make it possible to configure the module with MMM-Config (thanks to <a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a>)</li>
</ul>
<h2>Version 0.0.8</h2>
<ul>
<li>introducing the <code>updateDomOnResume</code> option. If you do not want the html elements to be recreated when the module is shown after it was hidden you can set this option to <code>false</code> now.</li>
</ul>
<h2>Version 0.0.7</h2>
<ul>
<li>changed the way attributes get handled</li>
<li>introducing a new code style (thanks to <a href="https://github.com/KristjanESPERANTO" target="_blank" rel="noopener noreferrer nofollow ugc">@KristjanESPERANTO</a>) and fixed all ESLint issues</li>
</ul>
<h2>Version 0.0.6</h2>
<ul>
<li>add a new function to the module which periodically checks if the content of embedded <code>img</code> elements is decodeable. If not the <code>src</code> URL is removed and set again to reload the image. The feature can be activated by setting a interval in seconds in the configuration with the new option <code>imgDecodeCheckInterval</code>.</li>
<li>fixed all issues reported by the new automatic module scanning script developed by <a class="plugin-mentions-user plugin-mentions-a" href="/user/kristjanesperanto" aria-label="Profile: KristjanESPERANTO">@<bdi>KristjanESPERANTO</bdi></a></li>
</ul>
<h2>Version 0.0.5</h2>
<ul>
<li>Added new option <code>appendTimestamp</code> which controls if a current timestamp is added to each URL. This is to avoid caching issues.</li>
</ul>
<h2>Version 0.0.4</h2>
<ul>
<li>automatic refresh now can be disabled by setting <code>updateInterval</code> to 0 or lower</li>
<li>the default <code>basicElementType</code> changed from “span” to “div” as i.e. “webview” does not work properly with “span”</li>
</ul>
<h2>Version 0.0.3</h2>
<ul>
<li>added support of <a href="https://iconify.design/" target="_blank" rel="noopener noreferrer nofollow ugc">Iconify</a> icons</li>
<li>All CSS definitions are now prefixed with the main class of the module (MMM-EmbedURL)</li>
</ul>
<h2>Version 0.0.2</h2>
<ul>
<li>Fixed attributes with value “0” being added without value in some cases</li>
</ul>
<h2>Version 0.0.1</h2>
<ul>
<li>embed one or multiple other websites</li>
<li>choose how often the websites should be refreshed (all at once)</li>
<li>choose which websites should be displayed if different profiles are active</li>
<li>set custom attributes to the elements that include the websites</li>
<li>choose which HTML element should be used to embed the websites (normally iframe or webview)</li>
<li>add icons and/or titles before or after the embedded websites</li>
<li>icons can be either images or <a href="https://fontawesome.com/v4/icons/" target="_blank" rel="noopener noreferrer nofollow ugc">Font Awesome 4.7</a> icons</li>
<li>the order the icons/titles/elements will be added can be configured</li>
<li>different options can be configured for different websites by nesting embed elements</li>
</ul>
]]></description><link>https://forum.magicmirror.builders/topic/17329/mmm-embedurl-embed-one-or-multiple-websites-to-the-mirror</link><generator>RSS for Node</generator><lastBuildDate>Sat, 11 Jul 2026 15:11:56 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/17329.rss" rel="self" type="application/rss+xml"/><pubDate>Fri, 28 Oct 2022 13:19:39 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to [MMM-EmbedURL] Embed one or multiple websites to the mirror on Sun, 12 Feb 2023 21:15:02 GMT]]></title><description><![CDATA[<p dir="auto">I really enjoy the module :)<br />
One thing I figured out and which might be nice to add to the git manual:</p>
<p dir="auto">You can invert the colors of websites though CSS styling.<br />
This will make white background black and looks nice at the mirror.</p>
<p dir="auto">Add to your custom.css:</p>
<pre><code>.MMM-EmbedURL {
  filter: invert(100%);
}
</code></pre>
<p dir="auto">Enjoy!</p>
]]></description><link>https://forum.magicmirror.builders/post/107835</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/107835</guid><dc:creator><![CDATA[SiDuMo]]></dc:creator><pubDate>Sun, 12 Feb 2023 21:15:02 GMT</pubDate></item><item><title><![CDATA[Reply to [MMM-EmbedURL] Embed one or multiple websites to the mirror on Sat, 29 Oct 2022 06:50:46 GMT]]></title><description><![CDATA[<p dir="auto">Great job <a class="plugin-mentions-user plugin-mentions-a" href="/user/wishmaster270" aria-label="Profile: wishmaster270">@<bdi>wishmaster270</bdi></a>!<br />
Thanks.</p>
]]></description><link>https://forum.magicmirror.builders/post/105597</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/105597</guid><dc:creator><![CDATA[Egnos]]></dc:creator><pubDate>Sat, 29 Oct 2022 06:50:46 GMT</pubDate></item><item><title><![CDATA[Reply to [MMM-EmbedURL] Embed one or multiple websites to the mirror on Fri, 28 Oct 2022 16:27:11 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/wishmaster270" aria-label="Profile: wishmaster270">@<bdi>wishmaster270</bdi></a> great modul and nice webcam ;-)</p>
]]></description><link>https://forum.magicmirror.builders/post/105594</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/105594</guid><dc:creator><![CDATA[KamiSchami]]></dc:creator><pubDate>Fri, 28 Oct 2022 16:27:11 GMT</pubDate></item></channel></rss>