EoF's Touch Screen Magic Mirror (95% Completed)

[EoF]

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.

[Pimagical]

@EoF Nicely done!

It is still responsive with use of the spy glass in front of it. What does i need to do and look for to upgrade my non touch screen MagicMirror?

[plumcraft]

Really good work ! Can you please give us instructions and materiels to achieve it ? A nice to have would be to put a webcam and have voice recognition :)

Thanks
Looking forward to reading you.

[Requiemm]

@EoF Please add me to the list of folk eagerly awaiting “how-to” instructions! I’m assembling my materials to start my mirror and want to have mine be touch screen capable.

[Phate]

Add me to the list please. Lol

I have a touch screen monitor sitting here that would be perfect if I can actually use a touch monitor.

[EoF]

@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.

[shgmongohh]

Hi EoF,

could you show me your config.js. A want to learn about how to integrate the music.

Regards,

Volker

[Phate]

@shgmongohh

This I think but not sure about the touch side.

https://forum.magicmirror.builders/topic/38/simple-music-player-module

[EoF]

Hi! Sorry, I did not see your reply @shgmongohh. Yes, it is simply my music player module.

[chrissttian]

This post is deleted!

[chrissttian]

@EoF

Hey Mark.

I just want to say…WOW!

Amazingly good!

Can you please tell me where you find the two way mirror film and the touch screen frame??
Thank you Mark!

[EoF]

@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).

[chrissttian]

@EoF Thank you so much for the info!

Can you please give me the exact mirror film you use?
I ask you this because your mirror looks perfect.

Thank you again!

[EoF]

@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]

@EoF thank you again man!

I will order soon.
Did you applied the film directly on tv? How you manage to have a perfect fit and a perfect reflection?

Thank you!

[EoF]

@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.

[konnorbeard]

@EoF thanks for sharing your progress so far - looks great. What’s the best way that you’ve found to implement touch on the software side of things? Do you just have some javascript touch events setup in main.js that just search the DOM tree at that spot and forward a notification to the appropriate module?

[EoF]

@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!

[sorpionking674]

is the kit multitouch?

[bhepler]

@sorpionking674 He said it was a resistive touch panel, so I suspect not.