Skip to content

React SDK 2.2.0

Sample Code

The easiest and fastest way to get started with the SDK is to download and try the sample code. We provide full featured samples for different frameworks and platforms for developer to start with:

Download React Sample Code

IMPORTANT

In the above sample codes, the strings __YOUR_USER_ID__ and __YOUR_API_KEY__ should be replaced by your own User ID and API Key repectively. Please contact us to obtain your User ID and API Key.

Installation

In your Vue or React project, install the SDK with the npm install or yarn add commands. Please note that different frameworks require different packages.

bash
npm install "https://sdk.panoptic.ai/npm/react-vital-sign-camera-2.2.0.tgz"
bash
yarn add "https://sdk.panoptic.ai/npm/react-vital-sign-camera-2.2.0.tgz"

IMPORTANT

Please use Webpack as the bundler for your production code. Other web bundling tool such as Vite is not supported yet.

What's new

2.2.0

  • New features
    • Added age estimation.
    • Added FaceAPI face detector.
    • Added API to get camera device list.
    • Added preferredCamera prop.
    • Added disableAgeEstimator prop.
  • Bug fixes
    • Fixed wrong camera orientation problem on iPad when switching camera.
    • Optimized model loading times.

2.1.1

  • Fixed the problem that switching camera is not working.

2.1.0

  • Upgraded to use JavaScript SDK 1.1.0.

  • Support Blink Detection. To enable it, set the faceDetectorType to TFMediaPipe and set the maxFaceDetectionFps to at least 15. For example:

    tsx
    <VitalSignCamera 
      ...
      maxFaceDetectionFps={15}
      faceDetectorType={FaceDetectorType.TFMediaPipe}
    />
  • Removed FPS debug log.

  • Fixed the problem that a extra instance of VitalSignEngine is created, causing a 403 forbidden error.

2.0.0

  • Rewritten based on new JavaScript SDK.
  • Added error handling to sample code.

1.4.2

  • Fixed the problem that ServerId is not exported.
  • Updated the Vital Sign Engine Plugin to 2.0.0 for performance optimization.