> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/sdks/sdk-web/componentes/videoid-identificacion-en-video/integracion.md).

# Integration

## FacephiVideoID: Complete Integration Guide

The `facephi-video-id` is a powerful web component designed to record the entire process of capturing documents, selfies, and voice. The process is fully recorded on video and, when finished, the video is available on the platform or through a callback function for the client to consume.

Type: `HTMLFacephiVideoIdElement`

***

### How It Works

The `facephi-video-id` tracks and seamlessly records the user's journey during the onboarding process. From document capture to selfie validation, every step is recorded, ensuring a complete audit trail.

> Required: The properties *apiKey*, *license*, *videoRecordingUrl*, *tenantId*, *operationId* and *customerId* are required. See the [properties section](/docs.facephi-en/sdks/sdk-web/componentes/videoid-identificacion-en-video/propiedades.md) for detailed information.

#### Integration Example

```html
<facephi-video-id
  apiKey="VIDEORECORDING_KEY"
  license="WIDGETS_LICENSE"
  videoRecordingUrl="VIDEORECORDING_URL"
  tenantId="TENANT_ID"
  operationId="UNIQUE_OPERATION_ID"
  customerId="UNIQUE_USER_ID"
  speechText="Acepto los términos y condiciones"
  sectionTime="5"
  sectionTimeout="15"
></facephi-video-id>
```

***

### Settings

The Video ID Widget can be configured through HTML attributes.

{% content-ref url="/pages/0ee152a0954053f78e41188cb00543dc5f31c129" %}
[Properties](/docs.facephi-en/sdks/sdk-web/componentes/videoid-identificacion-en-video/propiedades.md)
{% endcontent-ref %}

The web component will emit events during its lifecycle.

{% content-ref url="/pages/481f3f84b31155839679e0fcca0458ea79ec27df" %}
[Events](/docs.facephi-en/sdks/sdk-web/componentes/videoid-identificacion-en-video/eventos.md)
{% endcontent-ref %}

***