forsterseb / HeartPage

Read your heartrate with an arduino and display it on a webpage

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

What is the goal of this project?

Read your Heartbeat with an arduino.
Display it to a webpage, so it can be included in OBS.

What you need

Hardware

Name Quantity
Arduino 1
Breadboard 1
Connecting wires 5
ECG sensor 1

Software

Python 3

Setup

Hardware

For the Hardware part follow this guide.

The following image for the placement of the electrodes on the body is from a mirrored perspective. The red/yellow electrodes go to the right side of your body.
Placement of the electordes on body

Installation

pip install -r requirements.txt

Usage

Start calculating BPM and host webpage

BASH:
$ export FLASK_APP=app

CMD:
> set FLASK_APP=app

Powershell:
> $env:FLASK_APP = "app"

flask run

Display page in OBS

In OBS add those URLs as a new Source -> Browser. (Black part of images is transparent in webpage.)

url description preview
http://localhost:5000/index.html Top Row: Avgeraged BPM over the last 3 beats, Bottom Row: Exact BPM based on the last beat Preview for the index page
http://localhost:5000/hist_bpm.html Graph of last 50 BPM Preview for the hist_pbm page
http://localhost:5000/raw_data.html Graph of last 500 sensor values Preview for the raw_data page
http://localhost:5000/animated.html Animated Pulsemeter, colors depending on pulse Orange Pulse at 85 BPM

Use OBS as cam

https://obsproject.com/forum/resources/obs-virtualcam.949/

About

Read your heartrate with an arduino and display it on a webpage


Languages

Language:JavaScript 46.4%Language:Python 22.3%Language:HTML 19.9%Language:CSS 8.7%Language:C++ 2.7%