Videollamada

Introducción

La captura facial se realiza con el VideoCall Component.

Este componente se encarga de gestionar la comunicación entre un usuario y un agente (videoasistencia). Sus principales procesos son:

• Gestión interna de cámaras, micro y permisos.

• Conexión con los servicios.

En el apartado de Lanzamiento simplificado se detallan los pasos necesarios para la integración básica del SDK. En esta sección se añade la información para el lanzamiento de este componente.

Dependencia

La dependencia específica del componente es:

implementation "com.facephi.androidsdk:videocall_component:$version"

---

Controladores disponibles

Controlador	Descripción
VideoCallController	Controlador principal de videollamada
StopVideoCallController	Detener la compartición de pantalla y la llamada en curso

Lanzamiento simplificado

Una vez iniciado el SDK y creada una nueva operación se podrá lanzar el componente. Se podrá hacer uso de cualquiera de sus controladores para ejecutar su funcionalidad.

Lanzamiento:

val response = SDKController.launch(
    VideoCallController(VideoCallConfigurationData(...))
)
when (response) {
    is SdkResult.Error -> Napier.d("ERROR - ${response.error.name}")
    is SdkResult.Success -> response.data
}

Configuración básica

Para lanzar el componente actual, se deberá crear un objeto VideoCallConfigurationData que será la configuración del controlador del componente.

La configuración básica necesaria no necesitará ningún parámetro:

VideoCallConfigurationData()

Recepción del resultado

El lanzamiento devolverá la información en formato SdkResult. Pudiendo diferenciarse entre un lanzamiento correcto y uno incorrecto:

when (response) {
    is SdkResult.Error -> Napier.d("ERROR - ${response.error}")
    is SdkResult.Success -> response.data
}

Recepción de errores

Los errores se devolverán como un objeto 'VideoCallError'.

Lista de errores:

• VCL_ACTIVITY_RESULT_MSG_ERROR: El resultado de la actividad es incorrecto

• VCL_APPLICATION_CONTEXT_ERROR: El contexto de aplicación necesario es nulo

• VCL_CANCEL_BY_USER: El usuario ha cancelado el proceso

• VCL_CANCEL_LAUNCH: Se ha hecho una cancelación general del SDK

• VCL_COMPONENT_LICENSE_ERROR: La licencia del componente no es correcta

• VCL_EMPTY_LICENSE: El String de licencia está vacío

• VCL_FACE_DETECTION_TIMEOUT: No se ha detectado cara

• VCL_FETCH_DATA_ERROR: Error en la recogida del resultado

• VCL_FLOW_ERROR: Error en el proceso de flow

• VCL_INITIALIZATION_ERROR: Error de inicialización

• VCL_MANAGER_NOT_INITIALIZED: Los managers son nulos

• VCL_NETWORK_CONNECTION: Error en la conexión a internet

• VCL_NO_DATA_ERROR: Los datos de entrada son nulos

• VCL_OPERATION_NOT_CREATED: No hay ninguna operación en curso

• VCL_PERMISSION_DENIED: El usuario ha rechazado los permisos

• VCL_SOCKET_ERROR: Error en la conexiónde los servicios

• VCL_TIMEOUT: Timeout en el proceso

• VCL_VIDEO_ERROR: Error en el procesamiento del vídeo

• VCL_UNKNOWN_ERROR: Error desconocido

• VCL_VIDEO_RECORDING_ACTIVE: No se puede iniciar porque el proceso de vídeo grabación está activo

Recepción del resultado correcto - data

En la parte de SdkResult.Success - data, dispondremos de la clase VideoCallResult que tendrá una única propiedad.

Cuando el resultado sea Success y esté activo el flag sharingScreen se podrá activar compartir pantalla.

---

Información avanzada

Este apartado amplía la información del componente.

Configuración avanzada del componente

Para lanzar el componente actual, se deberá crear un objeto VideoCallConfigurationData que será la configuración del controlador del componente.

A continuación se detallan todos los campos que forman parte de esta clase.

Los campos incluidos en la configuración, normalmente no es necesario que sean informados ya que se completan internamente a través de la licencia usada.

Estos campos suelen informarse solo cuando el servidor es OnPremise.

• url: Ruta al socket de video.

• apiKey: ApiKey necesaria para la conexión con el socket de video.

• tenantId: Identificador del tenant que hace referencia al cliente actual, necesario para la conexión con el servicio de video.

• activateScreenSharing: Activar la opción de compartir pantalla en la llamada.

• timeout: Tiempo de espera para que un agente coja la llamada (ms).

Compartir pantalla

Cuando el usuario active la funcionalidad de compartir pantalla se recibirá en el controlador el resultado con "sharingScreen = true". Esto indica que la llamada sigue en curso.

val result = SDKController.launch(
    VideoCallController(VideoCallConfigurationData(activateScreenSharing = true)))

when (result) {
    is SdkResult.Error -> {
        Napier.d("VideoCall: ERROR - ${result.error.name}")
    }

    is SdkResult.Success -> {
            Napier.d("VideoCall: OK - ScreenSharing: ${result.data.sharingScreen}")
        }
    }

Para detener la llamada se hará uso del controlador StopVideoCallController.

val controller = StopVideoCallController()

controller.setOutput { state ->
    Napier.d { "VIDEOCALL: SCREEN SHARING STATE: ${state.name}" }
}
viewModelScope.launch {
    SDKController.launch(controller)
}

Los posibles estados son:

AGENT_HANGUP,
PERMISSION_ERROR,
NETWORK_CONNECTION_ERROR,
UNKNOWN_ERROR,
SHARING,
CANCEL_BY_USER,
FINISH

El estado que indica la finalización completa de la llamada es FINISH.

---

Personalización del componente

Aparte de los cambios que se pueden realizar a nivel de SDK (los cuales se explican en el documento de Personalización del SDK), este componente en concreto permite la modificación de su interfaz.

Textos

Si se desea modificar los textos de la SDK habría que incluir el siguiente fichero XML en la aplicación del cliente, y modificar el valor de cada String por el deseado.

Name	Value
video_call_component_text_waiting_agent_title	Conectando con un asistente...
video_call_component_agent	Asistente
video_call_component_local	Tú
video_call_component_exit	Salir
video_call_component_text_finish	La video asistencia ha finalizado
video_call_component_phone_button_alt	Teléfono
video_call_component_switch_button_alt	Cambiar cámara
video_call_component_restart	REINTENTAR
video_call_component_timeout_title	Tiempo superado
video_call_component_timeout_desc	No se ha podido conectar con un agente.
video_call_component_internal_error_title	Hubo un problema técnico
video_call_component_internal_error_desc	No se ha podido contactar con un asistente.
video_call_component_close_button_alt	Cerrar
video_call_component_back_button_alt	Atrás
video_call_component_exit_alert_question	¿Quieres finalizar la llamada?
video_call_component_exit_alert_finish	Finalizar
video_call_component_exit_alert_accept	Aceptar
video_call_component_exit_alert_cancel	Cancelar
video_call_component_skip	OMITIR
video_call_component_share_button_alt	Compartir pantalla

Colores

<color name="colorVideoCallActionsBackground">#30333d</color>
<color name="colorVideoCallButtonBackground">#FF526080</color>

Animaciones

Si se desea modificar las animaciones (lottie) de la SDK habría que incluir las animaciones con el mismo nombre en la carpeta res/raw/ de la aplicación.

video_call_anim_waiting.json

Vistas externas

Es posible modificar completamente las pantallas del componente manteniendo su funcionalidad y navegación. Para ello deben implementarse los interfaces siguientes:

Pantalla de diagnóstico de error:

interface IVideoCallErrorDiagnosticView {
    @Composable
    fun Content(
        error: VideoCallError,
        onRetry: () -> Unit,
        onClose: () -> Unit,
    )
}

Una vez creadas las clases que implementan los interfaces, en el lanzamiento del componente se podrá añadir el parámetro "customViews" para que se utilicen en el SDK.