Added a video (two years later): https://youtu.be/2Hi9IDfrqPQ
The Mirror is used daily and I have upgraded from a RPi 3 to a NUC instead to get more CPU-Power to play with. :)

@devtech8 Ok…
So, first I have a normal RPi with a Jessie Lite installation (just to keep everything to a minimal).
Then I followed this guide to get it running. When that guide is done. You have a fully working MM on the RPi (local installation). The config and all other information of my build you can find here.

Then after that I’m running a normal Ubuntu server 16.04 (in a container (a sort of VM)) with two instances of MM running om two different ports, I followed this guide (manual installation) and in server mode two times and just put them in different folders.
Here you can find my dev and server config. The server config is basically the same as my RPi config. I’m just using it for testing before adding stuff to the RPi.

To display a page in Electron that resides on another server (not the RPi) I’m not sure how to do. I have not done that. When I displayed my MM from the server on the RPi, I used Chromium in “Kiosk-mode” (as mentioned before).

This forum is full of GREAT people you can ask anything! I scavenged the forum (and tested stuff on a dev mirror) for moths before I actually built my mirror. :)

pm2 is used in this case to start and stop and troubleshoot the mirror. Otherwise it’s an extremely powerful tool in a “node” environment. I will go so far as to say that it is almost mandatory to use if you want to have control of you node apps. :)

Description:

This is an modification of of @Vaggan MagicMirror-SonosModule and @CFenner MagicMirror-SonosModule. It was modified to get some enhancements in visualisation and configuration. Also the module hides itself when not playing now.

Note from me: I’m new to the MagicMirror world and Node.js, this is my first attempt to modify a module. There are probably lot’s of things that could have been done better. :)

Screenshots:

When starting the Mirror:

Module on the Left side of the Mirror:

Module in the Center of the Mirror:

Module in the Center of the Mirror playing in 3 different zones:

Module on the Right side of the Mirror:

And, this is my own look on my mirrors (@ top center) using some addition in the custom.css…

If you want my look on it, use this CSS code in your custom.css.

/* Sonos --------------------------------------------*/
.sonos ul .type {
    font-size: 12px;
    padding: 0px 0px;
    line-height: 12px;
    width: 260px;
}
.sonos ul .room {
    font-size: 16px;
    padding: 0px 0px;
    line-height: 16px;
    width: 260px;
}
.sonos ul .song {
    padding: 0px 0px;
    position: relative;
}
.sonos ul .art img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0px 0px;
    border: 2px solid #FFF;
}
.sonos ul .name {
    width: 200px;
    font-size: 16px;
    padding: 0px 4px;
    line-height: 16px;
}
/*****************************************************/

Download:

[card:Snille/MMM-Sonos]

---

Version 0.1

• I’m guessing that’s Vaggans version…

Version 0.2

• Has to be CFenners version…

Version 0.3

• My version… :)

Description:

A simple module to add a background picture to the selected profile. This module works well with the MMM-ProfileSwitcher module. Set the URL to the users picture, then set the class for each user on each instans of the module in your config.

Screenshots:

Janes Profile:

Johns Profile:

Download:

[card:Snille/MMM-Profilepicture]

---

Version 0.1

• Initial version.

Hi all,
I’m currently working on a Digital Photo Frame. When looking for a good place to start I found this: https://benja.io
It’s basically ARCH with only Electron running.
Not only that, it’s fully Hardware accelerated! :)

I thought, maybe the MagicMirror² can use this as a base instead of a Raspbian Jessie (Lite) installation as it is today. Maybe you guys already knew about this. But in case you didn’t I just wanted to let you know. :)

I’m also building a MM of course. :)

Best regards Erik

Description:

This Module adds a video player in any of the regions, you define what files to play.

Screenshots:

Simple video showing the module when playing a video and whats happen when hiding / showing it.

Download:

https://github.com/Snille/MMM-Videoplayer

Custom-CSS

If you want to change the size of the player.

.MMM-Videoplayer video {
    width: 1080px;
    height: 1920px;
}

Tip:
Let’s say run the module in “fullscreen_below” and have a mirror in portrate mode (as in the CSS example above). You many want to turn the player 90 degrees…
Then set the CSS to:

.MMM-Videoplayer video {
    width: 1080px;
    height: 1920px;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

Normally you just need to add the line:

    transform:rotate(90deg);

But for comparability reasons, you can add all of them. :)

And, as you will probably notice with the above CSS code. The video player will not really “fill” the whole background when you turn it 90 degrees. So, then you need to to this:

.MMM-Videoplayer video {
    position: absolute;
    transform:rotate(90deg);
    transform-origin: bottom left;
    width: 100vh;
    height: 100vw;
    margin-top: -100vw;
    object-fit: cover;
}

Also, if you have other stuff in the same region (in my case “fullscreen_below”), it’s a good idea to add the video module before any other module in the same region in the config, Then when you actually display the video module it pops up “on top of” all other stuff. :)

Version 0.4

• Added “hideonstart” - If set to true, the player will hide it self when a clip is loaded (and just started playing (clip will be paused when the player is hidden)). Then when the player is shown again it will continue play the clip and hide itself again when the next clip is loaded (and just starts playing) and so on…

Version 0.3

• Added more “notification” commands (“REPLAY” and “NEXT”).
• Also fixed so all videos will be played when in radom, before a video is played again (if in loop mode).

Version 0.2

• Added a video list option (you can define multiple video files).
• Added a option to “randomize” the videos played from the list.

Version 0.1

• Initial release.

I’ll continue your thread with another visitor (we had 2013) when we moved to our first house. :) I don’t know the English name of it… But in Swedish it’s called “Jättesvärmare”.

't

@schnibel Hi! Thank you for this module! I’m currently using it in a quiet different way. :) I’m a frequent flyer (fly 4 times a week) so, from time to time I have to message my wife to tell that a flight is late (or canceled). So, to get around this problem I set up a new gmail-account for my Mirror, then I joined “Flight Aware” with that account. On the site, you can set to be sent information mails for specific flight-numbers. I set up to get mails on start, land and changes for my “flights”. These mails then are picked up with a python-script that parse them and send a “refined” version of the information to a “memo” on the mirror, that then “popup” automatically. So, now my wife only have to glance at the mirror to know when I will land and if there are any changes in the schedule. All automatically. :)

Thank you for making it possible. :)

@cowboysdude Superb! Please share, I’ll translate to Swedish for you. :)

@cowboysdude It worked when added to a sh script! Good call! :) Before I just tested with the xinput command directly in the autostart file, but that did not work. So now instead I just created a script called xin.sh.
nano ~/xin.sh
Then added
DISPLAY=:0.0 xinput --set-prop "Multi touch Multi touch overlay device" "Coordinate Transformation Matrix" 0 1 0 -1 0 1 0 0 1
There should actually be 3 spaces between “Multi touch” and “Multi touch overlay device”. For some reason the board removes the extra spaces here.

You can actually find the “name” of the device with this command DISPLAY=:0.0 xinput list
Shows something like this:

⎡ Virtual core pointer id=2 [master pointer (3)]
⎜ ↳ Virtual core XTEST pointer id=4 [slave pointer (2)]
⎜ ↳ Multi touch Multi touch overlay device id=6 [slave pointer (2)]
⎣ Virtual core keyboard id=3 [master keyboard (2)]
↳ Virtual core XTEST keyboard id=5 [slave keyboard (3)]

Depending on what you have connected to your RPi. :)

So, after creating the xin.sh I added that to the autostart file for LXDE:
Like this:
nano ~/.config/lxsession/LXDE/autostart
Added at the end of the file.
@/home/pi/xin.sh
Restarted and it works. :)