SmartMirror - GitLite

KO | EN

gitlite — search

#javascript #react #ai #llm #golang #android #machine-learning #docker #macos #nodejs #vue #mcp #openai #open-source

SmartMirror

(★ 750)

Motion controlled SmartMirror

파일 탐색기

최종 버전 다운로드 (.zip)

- SmartMirror_Debug.png
- SmartMirror_DisplayMenu_Preview.gif
- SmartMirror_Widget_Preview.gif
- config.py
- gesture.py
- main.py
- motion.py
- test.py
- - style.css
  - swiper.min.css
  - weather-icons.min.css
  - widget_doodlejump.css
- - fontawesome-webfont.eot
  - fontawesome-webfont.svg
  - fontawesome-webfont.ttf
  - fontawesome-webfont.woff
  - fontawesome-webfont.woff2
  - FontAwesome.otf
  - weathericons-regular-webfont.eot
  - weathericons-regular-webfont.svg
  - weathericons-regular-webfont.ttf
  - weathericons-regular-webfont.woff
  - weathericons-regular-webfont.woff2
- - agario.png
  - cinema.png
  - doodlejump.png
  - drive_photo.png
  - home.png
  - map.png
  - news.png
- - ephemeris.js
  - jquery-2.2.1.min.js
  - main_infos.js
  - menu.js
  - menu_button.js
  - mo.min.js
  - socket.io-1.4.5.js
  - swiper.jquery.min.js
  - swiper.min.js
  - widget_cinema.js
  - widget_doodlejump.js
  - widget_map.js
  - widget_news.js
  - widget_photo.js
- home.html
- widget_cinema.html
- widget_doodlejump.html
- widget_map.html
- widget_news.html
- widget_photo.html
config.js
LICENSE
motion.js
package.json
README.md
server.js
widgets.js

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/Shinao/SmartMirror

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd SmartMirror

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

SmartMirror
===========

Motion controlled SmartMirror showing time and temperature in background with the possibility of adding any widget to the menu.
The camera is behind the two-way mirror to get the best possible look. The screen and camera are managed by a raspberry pi.
The motion is managed by a server running in python with OpenCV, the server web is in NodeJS.<br><br>

### Preview
Showing the display of the main menu and a use case on the widget Cinema (movie times of my local theater)
<p align="center">
  <img src="/docs/SmartMirror_DisplayMenu_Preview.gif"/>       <img src="/docs/SmartMirror_Widget_Preview.gif"/>
  
  Show full webm preview - https://gfycat.com/UnsungBlueAmericanshorthair
</p>

### Capacities
- Recognition of gestures : palm, thumbs up/down, slide up/down/right/left
- Time and outside temperature
- Widgets :
  - Photo : take a photo and upload it to Dropbox
  - Map : display local Google Map
  - Cinema : movie time of local theater
  - DoodleJump : play the game (hard with the latency)
  - News : show international news
  
### Debugging
The motion server can't recognize gestures on a new environment : lights, hand colors... affect the process, that's why by launching
the test.py file and tweak the HSV min/max values and others configs properly you can set it up for your home. To begin the tracking make an open palm like shown in the picture below.

![Debugging gesture](https://raw.githubusercontent.com/Shinao/SmartMirror/master/docs/SmartMirror_Debug.png)
[Show webm preview](https://gfycat.com/BountifulCanineBushsqueaker)

### Dependencies
- Software :
  - OpenCV 2.x
  - Python 3.x
  - NodeJS
- Hardware :
  - [Two Way Mirror](http://fr.aliexpress.com/item/300mm-x-300mm-x-3-0mm-Acrylic-PMMA-Plexiglass-Partial-Translucent-Mirrored-Sheets-for-Infinity-illusion/32398641282.html)
  - Raspberry pi
  - Camera (I'm using the NoIR but any camera should do)
  - LED Monitor (Preferably that cover the whole surface of your two way mirror)

### Building
- Web server :
  - `npm install`
  - `node server.js`
  - go to [http://localhost:3000](http://localhost:3000)
- Motion server :
  - Install OpenCV 2.x and cv2 wrapper for python (should be in the opencv package)
  - `pip install numpy`
  - `pip install tornado`
  - `python test.py` for debug infos or `python main.py` for silent process
  - `config.py` for the tracking settings
    - To use the Pi Camera set `useCameraBoard.piCamera` in config.py to true and install the package picamera `pip install "picamera[array]"`
  
### Notes
The motion server was made in python to learn the language, but it should have been made in C/C++ to gain execution speed and flowness in the gestures recognitions.
Also, python environment kinda sucks at the moment, the difficulty to set it up for python3 + opencv2 + windows and then linux was exhausting, I don't recommend.