https://github.com/yoyota/react-posenet
React PoseNet is a handy wrapper component for tfjs-models/posenet
https://github.com/yoyota/react-posenet
react tfjs
Last synced: 3 months ago
JSON representation
React PoseNet is a handy wrapper component for tfjs-models/posenet
- Host: GitHub
- URL: https://github.com/yoyota/react-posenet
- Owner: yoyota
- Created: 2019-12-27T06:48:43.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-07-18T20:26:31.000Z (almost 3 years ago)
- Last Synced: 2025-09-24T01:56:10.263Z (9 months ago)
- Topics: react, tfjs
- Language: JavaScript
- Homepage: https://react-posenet.yoyota.dev
- Size: 3.22 MB
- Stars: 18
- Watchers: 2
- Forks: 8
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React PoseNet
React PoseNet is a handy wrapper component for [tfjs-models/posenet](https://github.com/tensorflow/tfjs-models/tree/master/posenet)
## Documentation
https://yoyota.github.io/react-posenet/
## Example
[pull up counter](https://github.com/yoyota/react-posenet-pull-up)

## Installation
```bash
npm install --save react-posenet
```
### Usage
```jsx
import PoseNet from "react-posenet"
export default function App() {
return
}
```
## Core Feautres
### [onEstimate](https://react-posenet.yoyota.dev/#/Props%20examples?id=section-onestimate)
gets called after estimation. [poses](https://github.com/tensorflow/tfjs-models/tree/master/posenet#keypoints) is a passed parameter
### [input](https://react-posenet.yoyota.dev/#/Props%20examples?id=section-input)
the input image to feed through the network. see
[tfjs-posenet document](https://github.com/tensorflow/tfjs-models/tree/master/posenet#params-in-estimatesinglepose)
If input is not specified react-posenet try to [getUserMedia](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia)