브라우저에서 카메라를 활용하여 심박 체크를 해주는 사이트 heartrate.netlify.app

브라우저를 활용하여 이런것도 개발가능하다고 알려 준 좋은 사이트 입니다.

사용 방법은

https://heartrate.netlify.app/

위 사이트에 스마트폰으로 접근 한 후


[먼저 손가락을 기기에 대고 플래시와 카메라를 모두 덮으세요. 그런 다음 원을 탭하여 측정을 시작하세요. 측정하는 동안 플래시가 켜지지만, 현재는 크롬에서만 작동합니다. 손가락을 최대한 안정적으로 유지하세요. 조금만 움직여도 측정에 지장이 있을 수 있습니다. 위 스크린샷과 같이 그래프가 안정적으로 보이면 BPM 측정값이 정확할 것입니다.]


위 설명처럼 하면 심박 체크가 가능합니다.
해당 개발자는 개발 의도를 아래와 같이 설명 합니다.

[휴대폰 기반 심박수 모니터 앱을 만들고 싶었지만, 앱 스토어에서 광고만 잔뜩 붙은 추적 앱을 설치하고 싶지 않았습니다. 그래서 웹 기술만으로 이 앱을 구현할 수 있을지 알아보기로 했습니다.]


https://github.com/richrd/heart-rate-monitor?tab=readme-ov-file

위 링크에서 소스코드가 공개 되어있어, 코드 확인이 가능합니다.

JS 로 어떻게 카메라 사용으로 심박 체크를 구현 했는지 확인해 보면 아주 좋은 공부가 될 것 같습니다.