Posts made by Jfarro

I have a scenario I’m trying to enable, and wondering if anyone here can help.

I have a grafana chart from home assistant that has auth on it (and I’d like to keep auth on it if I can). I am trying to bring it into magic mirror via iframe, and when I browse to the IP from a browser on another machine it looks and works great (that I’ve authenticated into due to cookies). On my magic mirror however, even if I launch the site in Chromium on a raspberry pi, I don’t see the content. I’m suspecting it’s a 401 in the iframe and I’m just not seeing it.

What I’d like to do is either get electron to use the cookies that Chromium set, or to possibly switch to Chromium entirely for the ‘shell’. Or any other solution where I can somehow get this to work. Any ideas? If someone wants more explanation I can break more things down, but I think if someone has tried to iframe an authenticated site this may make sense right off (I imagine if I tried say facebook or even this forum in an iframe I’d hit the similar issue)

Thankyou for your work on this, I’m running it and it was easy to setup, has a great amount of options, and is beautiful! Now if my sports teams would do their part and not be at the bottom, that’d be great :)

pics (One drive): link text
video (10 tips to help build a magic mirror) link text

I’ve made several of my mini mirrors, but making a large one was a much different experience. I hit a lot of issues that I had to refere back to documentation or the forum, so I made a video of what tripped me up to hopefully help others. The actual build time was likely about 2 hours, but there was also time picking out a frame and picking up various components.

Innards:

Raspberry pi 3, PIR sensor in 3d printed case, store bought frame, Tap plastic acrylic mirror ($75)
Dimensions: 20" x 16" mirror size.

Monitor: 4:3 DVI 1280 x 1024 upcycled old dell monitor

Modules:
MMM-PIR
MMM-Admin , MMM-QRCode (This is a killer combo!)
MMM- Iframe
MMM-Tools
MMM-Mystandings - Beautiful module, very well done
MMM-Carousel - I always install this, it’s too useful not to, but it’s not currently used…yet
MMM-IFrame - using it for traffic…easy to do with no API key needed

Biggest tip/finding - Having the MMM-QRCode with the path to the admin page is magical. I can walk up, scan it with my phone, and then have the UI on my phone fairly quickly to go through adding/removing/updating. The Install module of MMM-Admin is a killer feature IMO, but it still has some bugs…now and then I lose a module or it doesn’t work, but if that can get sorted, it makes it ‘app store easy’ to add stuff which I appreciate.

The one learning that didn’t make that video is that I used the MMM-IFrame and had a youtube playlist going. The problem is I have a metered connection of 1TB a month (Comcast) and so having a looping youtube video playing was not the best idea. However, it did look super geeky and cool when I had it running…I made a URL for a playlist of star trek LCARS diagrams and had that running to spice up the mirror.

Here’s that URL in case someone else wants to use it, or learn from it. I used it with MMM-iFrame and it was beautiful - you can use the autoplay and loop portions to get a playlist you want to loop working as well :)
https://www.youtube.com/embed/videoseries?list=PLNqjlEQ4DvUQRol-6Y1knaQyE7SXuLeIb&autoplay=1&index=448&loop=1

I think next I may try to write or modify a module. I have a gesture sensor, and while there is a gesture plugin for it, it requires an Arduino and another sensor for presence. I’m REALLY happy with MMM-IR for presence right now, and I feel like I should be able to get this sensor working with the raspberry pi directly, so I’m going to give it a go with some python when I get a sec. It’s an APDS-9960 which I think came from sparkfun.

One other note…anyone measuring the power draws on their monitors? my setup was 30 watts, so the MMM-PIR was a lifesaver (brought it down to 2 watts). That’s $30 a year vs. $2 a year for running this project. I wonder about some of the larger TV based mirrors and what they’re drawing…

Anyway any questions or comments please let me know. Huge thanks to the community here…without the answers that I found searching here I wouldn’t have been able to complete this project nearly as quickly.

Sandy2503- Doh! Forgot to hit publish…that should be fixed now.

One option for the pyramid may be to cut triangles out of thin wood, but then you’d be forming your own bezel…may become a much more difficult project. I’ve used makerspaces before I got my own 3d printer to easily print a lot of things, though since that was a 9 hour print for my printer that may be costly. I will have to investigate if shapeways can do it for a reasonable amount. I really wanted to make the project accessible to anyone, but a 3D model was really the easiest way for me to make the case! Thanks for the kind words, glad you all are liking my entry into this wild world of magic mirrors :D

If you have a 3D printer, that video should get you most of the way there! If not…hmmm…I need to come up with a way to build one without a 3d printer or a laser cutter (I was originally going to borrow a friends glowforge). Looking at some of your excellent modules…may want to wait till I get a Raspberry Pi 3 A+ Version though…I think the pi zero may choke without some GPU acceleration on things like the eyecandy animation (Love that module) or the live background one (I need to try that out…super cool idea!). Loving your modules, can’t wait to get them working on my big mirror soon :D

Here is my mini mirror build: https://youtu.be/2POMz7ta9uw

This is on my wifes vanity and she loves it! Im using carousel, time, weather, compliments and stocks for now. This is using a pi zero but I plan on upgrading it to an Pi3 A+ soon. Thankyou all for the great forum, and for the documentation which made this fun to put together!

Links in the video for the most part, but the critical one that I used was this: http://emmanuelcontreras.com/how-to/how-to-create-a-magic-mirror-2-with-pi-zero-w/

That one showed me how to get this running on a pi zero, and provided an image.

Some build notes:

• I had to do a lot of CSS hacking to get fonts the right size, then discovered that I could’ve did a ‘zoom’ setting. Wish I’d done that earlier.
• Running a pi zero really hurts performance for some of the more ‘fun’ plugins. I am losing GPU acceleration in the browser, so stuff like youtube or hosting a tv.giphy.com style url in a frame plays very choppy. I think a pi3A+ would fix that.
• This is based on N-O-D-E’s design on youtube…however I think if I did it again I’d add a knob at the top for navigation. I thought about adding a gesture portion, but then I’d have to notch it or add a bump, and I felt like that would take away from the mirror.
• I really should’ve stuck with trying to attach the mirror with magnets. I had some cool concepts around running a small emulator on it, and then using a Bluetooth controller. Taking the mirror off would’ve made that a bit ‘cleaner’. Or perhaps I should’ve did something with just vector games (Asteroids would look amazing on this…I may have to revisit that idea…)

Thanks again for the great community, I found a ton of answers to my questions searching here!