react-pose-viewer

React library for viewing .pose files

Usage

Install it with

npm i react-pose-viewer

and use like

import { PoseViewer } from 'react-pose-viewer';

<PoseViewer
    src="https://us-central1-sign-mt.cloudfunctions.net/spoken_text_to_signed_pose?spoken=en&signed=ase&text=hello"
    loop
    autoplay
/>

check the Example and available 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.).