티스토리 뷰

12월 중순 쯤 회사내에 흥미로운 동영상이 공유 되었는데 바로 smart-mirror 라는 프로젝트였습니다. 아래 동영상을 보시면 smart-mirror에서 사용자의 음성으로 지도나 philips hue 전등을 컨트롤 하는 모습을 보실 수 있을 것입니다. 되게 fancy해 보이지 않나요? smart-mirror에서 사용한 언어는 javascript이며  speech recognition library로는 annyang 을 사용하고 있었습니다.


[  smart-mirror[링크]


회사 내에서도 우리도 해보자라는 의견이 나오기도 했고 마침 이전 프로젝트도 끝나고 시간이 남아 Garage Project로 smart-mirror를 하게 되었습니다.2주 동안 진행했던 이 프로젝트의 1단계 목표는 아래와 같습니다.

첫번째, smart-mirror 한글화 

두번째, 재미있는 기능(youtube search, 지하철 도착 정보, Sound Cloud 음악 재생 등) 추가 


이 프로젝트에서 추가로 사용한 API는 다음과 같습니다. 

1. Youtube Data API 

2. 서울시 지하철 도착정보 open API 

3. Sound Cloud API  


smart-mirror는 소프트웨어 측면보다 하드웨어 측면에서 준비하는 시간이 걸렸습니다.

하드웨어 구성을 살펴 보면 라즈베리파이 2, USB microphone, 모니터, one-way mirror, philips hue 전등으로 구성되어 있었는데  라즈베리파이 2 + 모니터  대신 사용한지 오래된 노트북이나 태블릿 등을 사용하였고, philips hue 전등은 프리스비에서 구매하였습니다. 한가지 남은게 있다면  one-way mirror가 관건이었습니다. 현재 한국에서 one-way mirror를 구하는 것이 어려울 뿐만 아니라 상당히 비싼 가격에 판매되고 있어서 대체 할 만한 것을 계속 찾아보다 유리에 미러필름을  붙였습니다. 

미러필름의 판매처는 다음 링크에서 확인하세요.


 evancohen의 smart-mirror

 embian의 smart-mirror

라즈베리파이 2, USB microphone, 모니터  

 사용한지 오래된 노트북이나 태블릿 

 one-way mirror 

 아크릴 + 미러필름 or 유리 + 미러필름 or 유리 액자 + 미러 필름 


미러필름을 붙이는데 상당히 애를 먹었습니다. 특히 아크릴에 경우 반나절 정도 지나자 기포가 올라오는 단점이 있어서 유리에 미러필름을 붙였습니다. 


 


 

[one-way mirror 제작 과정]


2주 동안 작업한 이 프로젝트의 최종 결과물은 다음과 같습니다.


[스마트 미러] 


코드는 다음 링크에서 확인하실 수 있습니다. Github : https://github.com/mojosoeun/smart-mirror-ko

시연동영상은 다음과 같습니다.



현재 smart-mirror는 mac,window,ubuntu 환경에서 모두 사용 가능하며 android의 경우 다음링크를 참고하세요. 

'Develop > newbie story' 카테고리의 다른 글

My Open Source Story  (6) 2016.05.18
Django Girls Seoul   (0) 2016.05.14
주니어 개발자의 smart-mirror 프로젝트 경험기  (14) 2016.02.17
E2E-Monitor UI 고도화 회고  (0) 2016.01.12
나의 Django Girls Code Camp이야기  (0) 2015.12.14
Garbage Collection -part 2  (0) 2015.09.15
댓글
  • 프로필사진 Favicon of https://blog.bugfix.kr BlogIcon winhex 와! 정말 재밌을거 같아요 2016.02.22 19:13 신고
  • 프로필사진 Favicon of http://mojosoeun.tistory.com BlogIcon sona 소으니 한번 만들어 보세요! :) 2016.02.26 11:54 신고
  • 프로필사진 비밀댓글입니다 2016.02.25 16:52
  • 프로필사진 Favicon of http://mojosoeun.tistory.com BlogIcon sona 소으니 네 : ) 얼마든지 변형해서 사용하셔도 됩니다.
    상업적으로 판매하셔서 수익도 많이 올리셨으면 좋겠네요 :)
    2016.02.26 11:53 신고
  • 프로필사진 비밀댓글입니다 2016.02.29 16:23
  • 프로필사진 비밀댓글입니다 2016.03.23 14:21
  • 프로필사진 Favicon of http://mojosoeun.tistory.com BlogIcon sona 소으니 http://docs.smart-mirror.io/ 이 링크 참조 하시면 설치하는 방법과 실행하는 방법이 나와 있습니다. 참고하세요:) 2016.03.23 23:21 신고
  • 프로필사진 비밀댓글입니다 2016.03.24 15:43
  • 프로필사진 Favicon of http://mojosoeun.tistory.com BlogIcon sona 소으니 네. 실행방법은 같습니다. 터미널에서 스마트 미러 디렉토리로 이동하신 다음 config.js에서 api key를 설정하신 후 npm install, npm start (dev) 하실 수 있습니다. :) 아 그리고 현재 evan의 smar-mirror에서 다양한 기능도 추가되고, localization 작업을 하고 있는 것으로 알고 있습니다. 해당 프로젝트를 clone 하셔셔 커스터마이징 하시는 방법도 추천 드립니다. :) 2016.03.24 19:05 신고
  • 프로필사진 Favicon of http://linethedots.tistory.com BlogIcon Brooklyn Lee 와 너무 예쁜거 같아요.... 혹시 사용하신 태블릿은 어떤건지 여쭤봐도 될까요?... 2016.03.27 00:42 신고
  • 프로필사진 Favicon of http://mojosoeun.tistory.com BlogIcon sona 소으니 저 사진은 좀더 큰 화면이 디스플레이 되도록 안쓰는 모니터를 이용하여 찍은거구요. 보통 10인치에서 11인치 태블릿을 이용하시면 디스플레이하기에 괜찮으실 거에요 :)
    안드로이드 프로젝트도 존재하니 https://github.com/HannahMitt/HomeMirror 이 링크도 참조해보세요 :)
    2016.03.27 13:50 신고
  • 프로필사진 Favicon of http://ditto-bruni.tistory.com BlogIcon pyoung 정말 잘 만드신것 같아요~^^ 저도 요리조리 만지작만지작 하고 있는데요. 혹시 오후4시경 부터 음성인식 되는 부분 해결방법은 있을까요?? 2016.06.22 13:59 신고
  • 프로필사진 Favicon of http://mojosoeun.tistory.com BlogIcon sona 소으니 Chromium Speech Keys 를 이용해서 해당 문제를 해결 할 수 있습니다. http://docs.smart-mirror.io/docs/chromium_speech_keys.html 이 링크를 확인해 보세요 :) 2016.06.25 16:28 신고
  • 프로필사진 Favicon of http://lemoncandy.tistory.com BlogIcon 레몬맛사탕 안녕하세요 지금 따라서 개발하고있는데 http://docs.smart-mirror.io/ 이 링크대로 evan의 소스를 실행시켰을때 홈페이지를 통해서는 음성이 들어가지만 (한국어는 안되고 영어로 what can i say만 되고 그이후 매뉴선택은 안되지만 ㅠㅠ) 마이크로는 안되네요.. 그리고 소으니님 소스를 사용했을때 검은화면에서 아무것도 보이지않던데 혹시 방법을 알수 있을까요? 2017.01.06 16:45 신고
댓글쓰기 폼