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

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

[cowboysdude]

Looks really awesome… keep us up to date please… this is what I’m going to do for my 40" livingroom ‘control’ center ;)

[in_a_days]

This post is deleted!

[PindaPower]

The old topic and this one, are around for some time but I’m just finding out. I’m loving the work that you made and would like to now where you bought your product and if you like them? The connect issue is in the past and think @EoF mirror is still running great!!

Myself would love a version 2 off my mirror and touch screen is a nice upgrade :)