https://github.com/sandeeppaldotnet/posenet-based-real-time-and-image-based-pose-estimation-app
Real-time human pose detection using PoseNet from ml5.js. Supports both webcam and image uploads for detecting body keypoints and skeletal connections directly in the browser.
https://github.com/sandeeppaldotnet/posenet-based-real-time-and-image-based-pose-estimation-app
ml5js p5js pose-estimation
Last synced: 28 days ago
JSON representation
Real-time human pose detection using PoseNet from ml5.js. Supports both webcam and image uploads for detecting body keypoints and skeletal connections directly in the browser.
- Host: GitHub
- URL: https://github.com/sandeeppaldotnet/posenet-based-real-time-and-image-based-pose-estimation-app
- Owner: sandeeppaldotnet
- Created: 2025-08-24T08:56:52.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-08-24T09:35:03.000Z (3 months ago)
- Last Synced: 2025-08-24T14:59:55.104Z (2 months ago)
- Topics: ml5js, p5js, pose-estimation
- Language: HTML
- Homepage:
- Size: 724 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PoseNet: Webcam & Image Upload Pose Estimation with ml5.js
A browser-based pose estimation tool built with [ml5.js](https://ml5js.org/) and [p5.js](https://p5js.org/). It uses the PoseNet model to detect and visualize human body keypoints and skeletons in real time via webcam, or from any uploaded image.
Ref: [tensorflow.org](https://blog.tensorflow.or)
## 🚀 Features
- 🔴 **Real-time pose estimation** via webcam.
- 🖼️ **Image upload support** for pose detection on static images.
- 🎯 Detects body parts with keypoints and connects them with skeleton lines.
- ⚡ No backend required — runs fully in the browser.
- 🧠 Built with PoseNet via ml5.js — beginner-friendly and easy to extend.
## 💡 Use Cases
- Fitness or dance feedback apps
- Educational tools to explain human movement
- Motion tracking in browser-based games
- Interactive installations using body pose
- Prototyping gesture-based UI ideas
## 🛠️ How to Use
1. Clone the repository:
```bash
git clone https://github.com/yourusername/posenet-webcam-image-ml5.git
cd posenet-webcam-image-ml5