soonitoon / yoga_guide

AI yoga guide web application

Yoga_guide🧘‍♀️

AI yoga guide web application!

프로젝트 소개🎬

• 이 프로젝트는 충북대학교 뇌인지공학 코스인 인공지능과 기계학습 수업의 최종 과제물입니다.
• https://soonitoon.github.io/Yoga_guide 이 링크에서 바로 결과물을 확인할 수 있습니다.
• https://youtu.be/jOzXx4OMbMU 이 링크에서 데모 영상을 시청할 수 있습니다.📽

어떻게 만들게 되었나요?

1. 저희 팀의 수준과 오픈소스 활용 가능성 등을 고려했습니다.⚙️

아이디어와 포부도 중요하지만 프로젝트의 완성 역시 중요한 고려 사항이었습니다. 아이디어 회의 때부터 구현 가능성을 따져보았고, 그 결과 자세 인식 모델을 활용해 요가 자세를 체크해주는 서비스를 만들게 되었습니다.

2. 어쩌면 가장 중요한 것은 자세.🧘

코로나로 인해 비대면 상황에서 전자기기로 업무 처리를 하는 경우가 많아졌습니다. 그만큼 현대인의 자세 건강에도 적신호가 켜졌는데요, 비싼 요가 학원에 등록하지 않아도 집에서 요가 자세를 코칭받을 수 있는 서비스를 사용자에게 제공하고 싶었습니다.

알아두어야 할 사항

1. 프로젝트의 한계로 인해 요가 자세 코칭은 일부 저사양 기기에서 작동하지 않을 수 있습니다.❌
2. 요가 자세를 코칭 받을 때 카메라의 각도나 해상도가 자세 인식 정확도에 영향을 미칠 수 있습니다.📷 권장하는 카메라 각도는 약 90도이며, 16:9 이상의 와이드 비율 해상도에서 가장 잘 작동합니다.

어떻게 사용하나요?

메인 페이지

• 프로젝트에 대한 간략한 정보를 보여줍니다.📚
• 요가모드와 자세모드 중에 원하는 모드를 선택할 수 있습니다(자세 모드는 프로젝트에 포함시키지 못했습니다😢).

요가모드

• 원하는 요가 자세를 코칭받을 수 있습니다.
• 현재까지 지원하는 요가 자세는 "Warrior two" 와 "Goddess" 두 개 입니다.

요가자세별 코칭

• 카메라를 통해 자신의 모습을 거울모드로 볼 수 있습니다(카메라 접근 권한을 허용해주세요).
• 화면의 설명에 따라 자신의 자세를 점검 받으세요.
• 빨간 화면은 준비 단계, 파란 화면은 중간 단계, 녹색 화면은 완벽한 자세를 의미합니다.

사용한 라이브러리 & 오픈소스📚

p5.js

• https://p5js.org

• 프로그래밍 입문자나 다른 분야에서 활동하고 있는 사람들을 위해 만들어진 자바스크립트 라이브러리입니다.

• 사용자의 웹캠 입력을 받고 HTML 위에 캔버스를 그리는 용도로 사용했습니다.

ml5.js

• https://ml5js.org

• 웹 환경에 친화적인 머신러닝 기술을 제공하는 자바스크립트 라이브러리입니다.

• 텐서플로우의 자세 인식 머신러닝 모델인 PoseNet.js와 인공신경망을 웹 페이지에 적용하기 위해 사용했습니다.