Hello guys!

Just wanted to post an updated version of my touch screen mirror.

First, a picture of the frame and the mirror itself.

And a little demo video of the touch screen in action.

https://www.youtube.com/watch?v=UTYiWsVasPI

If you’re interested, I will gladly post a video or instructions on how I got this working. Let me know if you’d like to see that.

So my idea was to use mirror film on a touch screen monitor to make a touch screen version of the magic mirror.

The Test

I basically used my old droid razr, which has a capacitive touchscreen, to perform the testing. I applied 2 way mirror film to the screen, and examined the results.

Results

The mirror film acted as a conductive and triggered the touch screen on all sides. Essentially it was the same as placing your whole hand on the screen and trying to tap over top of it.

Media

As seen in this image, I was somehow able to actually slide the lock to one side but it simply stuck there as if I never took my finger off.
(Ignore the bubbles on the film, I didn’t spend a whole lot of time making it perfect since this was just my testing phase)

In this gif, I peeled off the film and applied it sideways, which made it to where I couldn’t tap anything. This is as if I laid my hand over one half of the display, and tried to tap something.

In the last gif, I actually found out you can practically use the film as a stylus.

Conclusion

This won’t work for what I want haha.

I’m not sure where to go with this idea from here, maybe someone has a suggestion? Mirror Film does not seem to be the way to go.

Maybe one of the other touch technologies would not have these problems, but I am not quite sure.

Very simple module. Hides everything on your screen so you can see your reflection with no text.

Togglable, click it to fade out, click it again to fade back in.

https://www.youtube.com/watch?v=fdTFHeDnEKg

As usual with my modules, you will need to be able to click for it to work. No voice activation or anything like that, although I would love to implement it if we had a way to do so.

https://github.com/masters1222/mm-hide-all

A little progress on my mirror! Got the frame build, just need to paint now.

@KirAsh4 Sounds like a plan! We’ll see how this turns out :)

First module, first time using node, go easy on me ;)

I made this for the original MagicMirror that used the standard xampp stack, so this was originally made using PHP for the back end part of it. I basically ported this over to MagicMirror2 from there.

[card:masters1222/mm-music-player]
Basically, this is a simple music player. Add your music (must be .mp3) to the music directory in the module and it will automatically detect them. No need to manage a list of file names or anything like that. After that, simply click play.

Note: You do need to be able to click the buttons, otherwise the music won’t start. I may apply an option to the config to auto play on launch if anyone is interested. I have made it this way as I am working on a MagicMirror that I plan to make touch screen (well, try it).

This is a work in progress, but I had posted here before about how capcitive based touchscreens will not work for this, so I wanted to show my success with a resisitve based one.

This is a touch screen panel kit, over a normal LCD monitor. I got this one for about $60 from AliExpress. Mirror Film was used over top of the panel.

https://www.youtube.com/watch?v=lAuPoMKqZNk

I didn’t spend a whole lot of time making it look nice, so it’s not perfect right now. I plan to cut the excess mirror film on the sides off or hide them in an enclosure later down the road.

But for anyone thinking about making a touch screen mirror, this works!

Just for an update on this, I haven’t pushed this to git yet but the new module will now have a playlist where you can scroll through and choose which song to play.

I’m also looking to make the volume scroll ball bigger, so it’s easier to grab. If you saw my demonstration video you can see I had a little bit of trouble grabbing it. Still working on this one though, as I want the size of the ball to remain the same visually but the actual to be larger. Unfortunately though, margin doesn’t seem to detect the dragging event.

@Rahansen Hello! One of my own modules here.

@Phate Hi! It cannot be a capacitive touch screen if you use my method for this. (See my other post on that)

Essentially, this is a normal monitor with a resisitve touch screen panel kit over top of it that has 2 way mirror film overlaying it.

I don’t know if I will have the time to write up a full guide on this, but I will be happy to answer questions.