Vue SDK 2.1.1

Sample Code

The quickest and simplest way to kickstart your journey with the Vue SDK is by downloading and experimenting with our full-featured sample code:

Download Vue 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 project, install the SDK with the npm install or yarn add commands. For example:

npmyarn

bash

npm install "https://sdk.panoptic.ai/npm/vue-vital-sign-camera-2.1.1.tgz"

bash

yarn add "https://sdk.panoptic.ai/npm/vue-vital-sign-camera-2.1.1.tgz"

IMPORTANT

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

TIP

If you are using Yarn v2 or later, you might need to include the package name in the command, such as yarn add vital-sign-camera@"https://sdk.panoptic.ai/npm/vue-vital-sign-camera-2.1.1.tgz".

What's new

2.1.1 (27-Nov-2023)

Fixed the problem that switching camera is not working.

2.1.0 (1-Nov-2023)

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:

vue

<template>
  <VitalSignCamera 
    ...
    :maxFaceDetectionFps="15"
    :faceDetectorType="faceDetectorType"
  />
</template>
<script lang="ts">
  ...
  setup() {
    return { 
      faceDetectorType: FaceDetectorType.TFMediaPipe
    }
  }
</script>

Removed FPS debug log.
Fixed the problem that a extra instance of VitalSignEngine is created, causing a 403 forbidden error.

Vue SDK 2.1.1 ​

Sample Code ​

Installation ​

What's new ​