A Real-Time Heart Rate Monitor using Your Smartphone Camera
PulseMate is a browser-based web app that uses your phoneβs rear camera to monitor your pulse in real-time β no additional sensors or downloads required.
Built using HTML, JavaScript, Chart.js, and the WebRTC camera API, PulseMate detects pulse via changes in red light intensity from your finger (photoplethysmography).
- π· Real-time heart rate detection using your smartphone camera
- π Live BPM graph using Chart.js
- πΎ Session memory using browser localStorage
- π¨ Emergency alert for abnormal heart rate
- π± Mobile-first responsive UI
- User places their finger over the rear camera.
- The app captures frames and analyzes the red channel intensity.
- Peaks in red intensity correspond to heartbeats.
- BPM is calculated and plotted over time.
- Open the app in your mobile browser.
- Click Start Monitoring.
- Place your finger flat on the rear camera lens (preferably with flashlight ON).
- Your live heart rate and a graph will display within 10β15 seconds.
- HTML5 + CSS3
- JavaScript
- WebRTC API
- Chart.js
- Browser LocalStorage
PulseMate is a proof-of-concept educational tool and not a certified medical device. Do not use for diagnosis or critical health monitoring.
Riya Singh β Biomedical Engineering Student
Passionate about accessible healthcare innovation and digital diagnostics.
This project is open-sourced for learning purposes under MIT License.