> 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 document, selfie, and voice capture process. The process is recorded completely 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 records the user's journey smoothly 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="I accept the terms and conditions"
  sectionTime="5"
  sectionTimeout="15"
></facephi-video-id>
```

***

### Configuration

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 %}

***