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.
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.
@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.
@KirAsh4 Ah I wasn’t aware this was for MM2. Thought he was still using MM1. Didn’t know you could run PHP scripts on MM2.
@johnpturner8 Have you tried to access the ics file straight from the pi (through a browser maybe)? Would be the first thing I would test. To see if it can even reach it at all.
Might be wise to incorporate some AJAX into this, no? Having PHP check the file, etc and then pass the results / message back to JS.
@konnorbeard They are simply click events. A touch is nothing more than a click. The mouse is just hidden, so you can’t see it.
oh and, thank you!
@chrissttian The film is applied on the touch screen panel kit, not on the monitor itself. The touch works behind the mirror film since it is a resistive touch screen and works via pressure.
I used a credit card to squeegee the film on the panel, but I highly highly recommend using an actual “smoothie squeegee” as seen in the below video at 5:12. The credit card works okay, but it is way more prone to scratching the film (which my mirror actually does have some small scratches on it because of this).
https://www.youtube.com/watch?v=B22QdNHtb_8
I generally just followed this video for applying the film. Just instead of a window, you’re applying it to the touch screen panel.
@chrissttian Luckily I still had it in my order history
https://www.amazon.com/gp/product/B00NDWILJE/ref=oh_aui_detailpage_o00_s00?ie=UTF8&psc=1
@chrissttian Hi.
Touch screen kit: http://www.aliexpress.com/item/21-5Inch-Resistive-Touch-Screen-Panel-490x285mm-4Wire-USB-kit-for-21-5-monitor/32429848194.html
Mirror film: https://www.amazon.com/One-Mirror-Silver-Silver-CHROME-Film/dp/B00NBXFA7G/ref=sr_1_3?ie=UTF8&qid=1469284739&sr=8-3&keywords=2+way+mirror+film
(not exactly what I bought but something similar. This should work though I think).
Hi! Sorry, I did not see your reply @shgmongohh. Yes, it is simply my music player module.
@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.