https://github.com/bipinkrish/react-pose-viewer
React library for viewing .pose files
https://github.com/bipinkrish/react-pose-viewer
pose react viewer
Last synced: 2 months ago
JSON representation
React library for viewing .pose files
- Host: GitHub
- URL: https://github.com/bipinkrish/react-pose-viewer
- Owner: bipinkrish
- License: isc
- Created: 2024-10-01T15:52:18.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-12-30T16:53:46.000Z (5 months ago)
- Last Synced: 2025-04-03T01:06:17.871Z (2 months ago)
- Topics: pose, react, viewer
- Language: JavaScript
- Homepage: https://npmjs.com/package/react-pose-viewer
- Size: 415 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-pose-viewer [](http://npm.im/react-pose-viewer)
React library for viewing [.pose files](https://github.com/sign-language-processing/pose)
## Usage
Install it with
```bash
npm i react-pose-viewer
```
and use like
```jsx
import { PoseViewer } from 'react-pose-viewer';
```
check the [Example](/tree/main/example) and available [Props](#props) for more understanding
## Props
| Prop Name | Type | Description |
|----------------|-------------------|-----------------------------------------------------------------------------|
| `aspectRatio` | `number` | The aspect ratio of the element, typically width/height. |
| `autoplay` | `boolean` | Indicates whether the media should start playing automatically. |
| `background` | `string` | The background color or image of the element. | | | |
| `height` | `string` | The height of the element (e.g., `px`, `%`, etc.). |
| `loop` | `boolean` | Indicates whether the media should loop after reaching the end. |
| `padding` | `string` | The padding around the element (e.g., `px`, `%`, etc.). | |
| `playbackRate` | `number` | The rate at which the media is played back (1.0 is normal speed). | |
| `src` (required) | `string` \| `Buffer` | The source of the media, either as a URL string or binary data (Buffer). |
| `thickness` | `number` | The thickness or stroke width of an element (if applicable). |
| `width` | `string` | The width of the element (e.g., `px`, `%`, etc.). |