Vue SDK 2.6.3

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:

npm

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

yarn

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

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.6.3.tgz".

Model file installation

Copy the models folder to the root of the web hosting directory. The models files is included in the above sample code.

NOTE

If the project is deployed to Google Cloud, some web servers, such as serve, might not function correctly, causing the facial skin age feature to fail. To prevent this issue, use http-server instead.

What's new

2.6.2 (4-Jul-2024)

• Implemented duplicated RGB values detection.

2.6.2 (26-Jun-2024)

• Fixed the validation warning of the prop FaceDetectionModelLocation.
• Fixed missing models in the sample code.

2.6.1 (9-May-2024)

• Added FacePositionCondition in ScanConditions.

2.6.0 (8-May-2024)

• Supports Vite for project integration. Vite is a modern and faster development environment. We are still keeping Webpack support for backward compatibility.
• Converted all example projects to Vite projects.