27" custom framed magic mirror - fun to get done

[cohron]

Absolute great job!!! A few questions/comments if you don’t mind. I have a decent build, but like you am looking at a future upgrade.

1. Have you considered the Intel Compute Stick so you can eliminate the hosting computer?
2. Any research on touch screen?

[iwaldrum]

@cohron

Thanks! I actually tried an older Azullestick pc but had problems getting the display to show up on the 27" Dell. Think it didn’t support the resolution. Still think running it on another machine is the way to go. It allows you to point multiple mirrors to it keeping mangagement of it centralized.

Touch screen as well as others sensors are on my list of todos. Will post updates…

[Mykle1]

@iwaldrum said in 27" custom framed magic mirror - fun to get done:

decorative molding all found at my local Home Depot. With a little bit of stain, it came out pretty nice.

Hell yeah! I used casing from Home Depot and some stain I had on hand. And as you say, it did come out pretty nice. Love your frame! Nice work! And, oh yeah, Go Yankees! Greetings from NYC!

[disakos]

@cohron said in 27" custom framed magic mirror - fun to get done:

sear

Hello @iwaldrum , may you please tell us how to add stream from IP Cameras ?
Thanks.

[iwaldrum]

@disakos

I’m using a program called Netcam Studio on the same pc that I’m running MM in serveronly mode. Netcam Studio allows you to connect to multiple types of cameras, either local or IP based. I’m using it to connect my q-see surveillance system using RSTP connections, as well as several Foscam and PC connected cams.

Once the cameras are connected to netcamstudio, you can then generate a secure token based url for each one. I then took each url and placed them into a single html file and put it on a webserver (same pc). Using the iFrame module I pointed to the html file to display it on my MM. You’ll need to play with the positioning and sizing of the iframe, as well as the webpage layout and image sizes in the html.

I typically get 5-10 fps for each camera. Depending on the # of cameras you will be displaying and the type of system your running MM on will drive the performance of the playback.

I know the setup is a little complex, but I felt it was the best way to get a flexible, integrated look that performed the best.

Let me know if you have any questions.

[disakos]

@iwaldrum
Thanks a lot for answer. I have some hikvision cameras and i’m able to reach RSTP stream of each one. Do you think that i’m able to put RSTP stream into iFrame directly ?

[iwaldrum]

@disakos
The challenge is you’ll need some sort of media plugin to view the rstp stream. It will need to run at the end point - MM. Something like vlc or quicktime which I’m not sure can be done. You may be able to use something like https://ipcamlive.com to pull your rstp stream through their service.

[jasondreher]

Excellent, great job! Can you share your css file, I like the days a different color in the forecast.

[iwaldrum]

@jasondreher

Here is the section in my custom.css file for the MMM-WunderGround module.

/*	MMM-Weatherunderground     */
}

.region.top.right .MMM-WunderGround table th {
  display: none; /* removes icons above max-temp, min-temp and % chance of rain */
}

.MMM-WunderGround .max-temp {
  color: #f66;
}

.MMM-WunderGround .min-temp {
  color: #0ff;
}

.MMM-WunderGround .weather-icon {
  color: #f93;
}

.MMM-WunderGround .day {
  color: #6f6;
}

.region.top.center .MMM-WunderGround table.small,   /* selector for ONLY current weather Thanks to Strawberry-3.141 */
.region.top.right .MMM-WunderGround table:not(.small),   /* selector for ONLY weather forecast */
.region.top.right .MMM-WunderGround table.small td:nth-child(6)  {
  display: none;    /* this line and line above selector for NO rain amount column */
}

[cowboysdude]

I’d be interested in how you hooked your security cameras to it…