> 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/productos/editor-1/facephi-onboarding/web/widgets/rostro.md).

# Rostro

**Widget captura de rostro v.6.X.X**

### **Introducción** <a href="#introduccion" id="introduccion"></a>

El onboarding de rostro es un proceso de registro a distancia y online que se hace la primera vez que un usuario accede a un servicio o producto.

Para llevar a cabo el registro, se captura automáticamente el rostro para capturar el patrón biométrico para la verificación de la identidad.

### **Requisitos e instalación** <a href="#requisitos-e-instalacion" id="requisitos-e-instalacion"></a>

Para poder usar Facephi Authentication debes de tener en tu dispositivo un navegador compatible, ya que funciona dentro de una dirección web. Los sistemas operativos y navegadores compatibles son:

* Windows, macOS, Android, iOS.
* Mozilla Firefox, Google Chrome, Opera, Safari.

### **Captura de rostro** <a href="#captura-de-rostro" id="captura-de-rostro"></a>

{% columns %}
{% column width="50%" %}

<figure><img src="/files/eicnfEEgaNp1460meyM1" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Al comenzar, aparece un mensaje pidiendo los permisos necesarios para realizar el proceso.

Para continuar pulsa el botón (1). Para cancelar el permiso y no continuar, pulsa el botón (2).

1. Botón para permitir el acceso
2. Botón para cancelar el acceso
   {% endcolumn %}
   {% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/J7SkOSU5cbfmEg8OeqPx" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Una vez empieza el proceso, aparece un texto (2) que te da indicaciones de cómo posicionarte, o qué tienes que tener en cuenta.

Este mensaje se va actualizando a tiempo real, y te dará detalles de:

* Distancia: cerca, lejos.
* Encuadre: fuera del círculo, girado.
* Movimiento
* Iluminación

Si se cumplen las condiciones adecuadas, la captura se hará automáticamente y te dirigirá al siguiente paso.

Si quieres cerrar el proceso, pulsa el icono (1).

1. Botón para cerrar el proceso
2. Mensaje de ayuda
   {% endcolumn %}
   {% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/uIweElRtBtrztPKeOBL1" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Cuando tu posición y las condiciones son las correctas, el círculo (2) cambia de forma y color. En caso de que no estés correctamente posicionado, volverá al estado anterior con mensajes de ayuda.

Si quieres cerrar el proceso, pulsa el icono (1).

1. Botón para cerrar el proceso
2. Círculo informativo del estado del proceso
3. Mensaje de ayuda
   {% endcolumn %}
   {% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/9PDVQ17fU6ziSXeXCuXW" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Una vez realizada la captura del rostro, aparecerá una pantalla de previsualización (si se ha activado en Configuración). Aquí debes comprobar que el rostro se ve completamente y bien iluminado.

Si la foto está borrosa, cortada o mal iluminada recomendamos que reintentes este paso (3) para repetir la foto y evitar futuros errores. Una mala captura en este paso puede producir futuros errores de identificación facial.

Si la foto es nítida, pulsa el botón (4) para continuar con el siguiente paso.

1. Botón para cerrar el proceso
2. Botón de información
3. Botón para reintentar
4. Botón para continuar

La vista previa sirve para confirmar que se ha capturado correctamente
{% endcolumn %}
{% endcolumns %}

{% columns %}
{% column width="50%" %}

<figure><img src="/files/GGWyt7YI6PYq6jGCqxB7" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Este es el tutorial de captura de rostro. Aquí se muestran unos consejos de cómo colocar el rostro, o qué cosas hay que tener en cuenta para que se realice la captura con éxito. Hay un total de 3 consejos.

Para verlos pulsa el botón (3) o (4). Para volver a la captura de documento, presiona el botón (2).

Para salir del widget sin hacer la captura, pulsa el icono (1).

1. Botón para cerrar el proceso
2. Botón volver atrás
3. Botón anterior
4. Botón siguiente
   {% endcolumn %}
   {% endcolumns %}

### **Errores** <a href="#errores" id="errores"></a>

#### **Genérico** <a href="#tiempo-superado" id="tiempo-superado"></a>

{% columns %}
{% column width="50%" %}

<figure><img src="/files/v9uuAemg289UhRwW6YWP" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Puedes volver a intentarlo pulsando el botón (2).

1. Botón de cerrar sesión
2. Botón para reintentar
   {% endcolumn %}
   {% endcolumns %}

#### **Tiempo superado** <a href="#tiempo-superado" id="tiempo-superado"></a>

{% columns %}
{% column width="50%" %}

<figure><img src="/files/t30lsnstB4mSE8KK98eB" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Se ha superado el tiempo máximo para que el widget realice la captura.

El caso más probable es que no se han cumplido las condiciones necesarias para que el widget realice una foto adecuada.

Reintenta este paso siguiendo las instrucciones que aparecen en pantalla y pulsando el botón (3), o, si lo hubiera, pulsando en el icono de información (2) para recibir consejos.

1. Botón para cerrar el proceso
2. Botón de información
3. Botón para reintentar
   {% endcolumn %}
   {% endcolumns %}

#### **Problemas técnicos** <a href="#problemas-tecnicos" id="problemas-tecnicos"></a>

{% columns %}
{% column width="50%" %}

<figure><img src="/files/jSxNYISUNnwoiZbo60i1" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column width="50%" %}
Este mensaje aparece cuando hay un problema técnico interno. En principio, es un error temporal. Aquí deberemos esperar un momento a que se resuelva el error.

1. Botón cerrar
   {% endcolumn %}
   {% endcolumns %}