# Deploy Experience

FaceAR is a web-based library that enables you to view your 3D content through a web browser and supports face tracking.

## Adding 3D Content

Add **any type of asset** through the platform. You can choose **any type of target**. Here's how:

{% content-ref url="../web-console/how-to-add-content" %}
[how-to-add-content](https://docs.echo3d.com/web-console/how-to-add-content)
{% endcontent-ref %}

## Launching the FaceAR App

### Option 1: Scan a QR code

Once the 3D asset is set you can view it instantly with FaceAR. 

Click on the <img src="https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M41BcmqhdFQ3r89wcIR%2Fuploads%2FsAuoTmbUAO9zj4NWRHaY%2Fimage.png?alt=media&#x26;token=bae34d67-e51d-450b-be17-f6a3ddb11038" alt="" data-size="original"> icon and then ![](https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M41BcmqhdFQ3r89wcIR%2Fuploads%2Fr3qIbmWwNXkzAjiSi1Yy%2Fimage.png?alt=media\&token=73582aa1-bcfe-4596-bc5b-1c448bac0daf)to show the QR codes. Choose the "See on a face" tab.

![](https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M41BcmqhdFQ3r89wcIR%2Fuploads%2FeusZsyhvPRWdIrlBR9Zs%2FSee%20on%20a%20face.PNG?alt=media\&token=14227e62-edc6-496d-a35b-b0f216b2d2db)

Scan the QR code with your phone's camera app or with a QR reader app.

{% hint style="info" %}
Latest iOS and Android phones are able to read QR code with their default camera apps.
{% endhint %}

Click the pop-up message to get redirected to our website. Your browser should open.

{% hint style="warning" %}
You might need to allow camera access. In iOS, we recommend using the Safari browser. In Android, Chrome browser is recommended as the default browser.
{% endhint %}

Your camera should open in the browser.&#x20;

### Option 2: Go directly to website

Instead of scanning the QR code, you can also browse directly to:

```
https://api.echo3D.com/facear?key=<YOUR_API_KEY>
```

Your camera should open in the browser.&#x20;

## Seeing 3D Content in AR

Now that the camera is running in your browser, keep the camera pointed to a face to see the 3D model appear.

![](https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M41BcmqhdFQ3r89wcIR%2Fuploads%2FJLKKffleq2URej1Lbhuv%2Fecho3D%20-%20Web-based%20Face%20Tracking.gif?alt=media\&token=c44d5b7b-3bf8-497c-99c7-b3654acf1a38)

## Capturing the AR Moment

You can snap a picture of the AR scene by clicking the <img src="https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M41BcmqhdFQ3r89wcIR%2F-MV7oIXvG7y0H2T0-Bpq%2F-MV9jsKvuGEWSix49A8n%2FScreencapture%20Button.png?alt=media&#x26;token=7a914a96-2337-4e0c-b096-62d95fe1fcf1" alt="" data-size="line"> button on the bottom of the screen.

An image will be captured and saved to your device.

**Share it with others!** 💗

## Password-Protecting Content

You can password-protect FaceAR experiences so that users that access the experience will be prompted to enter a password.

If you'd like to password-protect the 3D content, go back to the platform and [add metadata](https://docs.echo3d.com/web-console/manage-pages/data-page/how-to-add-data#adding-metadata) to set a password. After adding metadata, [relaunch the experience](#launching-the-ar.js-app).

The following key is a word the system uses as pre-defined metadata keys to password-protect content:

| Keyword | Type   | Example     |
| ------- | ------ | ----------- |
| passwd  | String | 1a2B3c4D5e6 |