CREADO PARA REACT NATIVE

UI Kit de videollamadas para React Native

Conecta a tus usuarios móviles con el UI Kit de videollamadas para React Native de Tencent RTC. Añade pantallas listas para usar para llamadas entrantes y en curso y, después, configura la integración nativa y el idioma de la interfaz.

RECURSOS PARA DESARROLLADORES

Documentación y ejemplos de UI Kit de videollamadas para React Native

Videollamadas individuales en React Native

Incorpore conversaciones cara a cara en su aplicación React Native para interacciones personales o consultas, con vídeo y controles de llamada en una misma experiencia.

Videollamadas grupales en React Native

Conecta a varios participantes en la pantalla de llamada de React Native. Usa la guía de la plataforma para configurar el flujo de llamada y el diseño grupal compatible.

CAPACIDADES DE REACT NATIVE CALL

Funciones de videollamadas para React Native

Conecte a las personas

  • Llamadas de voz y vídeo
  • Gestión de llamadas entrantes

Mantén el control

  • Controles de cámara y micrófono
  • Eventos del ciclo de vida de la llamada

Hazlo tuyo

  • Flujo de tu aplicación
  • Integración específica de la plataforma

Explora los componentes de videollamada para React Native

Conecta TUICallKit a la navegación móvil y, después, inicia llamadas desde las acciones de tu aplicación.

Interfaz de llamada

Integra tu interfaz de llamadas en React Native

Monte TUICallKit en la navegación móvil e inicialícelo con el usuario autenticado. El componente proporciona la interfaz y los controles de llamada.

Leer la documentación
CallScreen.tsx
import { TUICallKit, MediaType } from
  '@tencentcloud/call-uikit-react-native';

await TUICallKit.calls({
  userIdList: [recipientID], mediaType: MediaType.Video,
});

PERSONALIZACIÓN

Personaliza tu React Native Call UI Kit

Adapta la pantalla de llamada, los controles y el flujo de llamadas entrantes de React Native a tu producto.

Idioma

Selecciona un idioma de interfaz compatible para tu aplicación React Native.

Leer la documentación

COMENZAR

Añada videollamadas a su aplicación React Native

  1. 01

    Crea tu app

    Activa Call para la aplicación y los usuarios de prueba.

    Abrir la consola de Call
  2. 02

    Añade UI Kit de videollamadas para React Native

    Sigue la guía de la plataforma para conectar tu proyecto.

    Sigue la Guía de integración
  3. 03

    Haz tu primera llamada

    Inicie sesión con dos usuarios de prueba y, a continuación, realice y responda una llamada.

    Configura la autenticación
React Native Call UI Kit
Terminal
npm install @tencentcloud/call-uikit-react-native
CallScreen.tsx
import { TUICallKit } from
  '@tencentcloud/call-uikit-react-native';

await TUICallKit.login({
  sdkAppId: SDKAppID, userId: userID, userSig,
});

Preguntas frecuentes sobre UI Kit de videollamadas para React Native

¿Qué incluye React Native Video Calling UI Kit?

React Native Video Calling UI Kit proporciona pantallas de TUICallKit y controles de llamada. Conéctalo con el sistema de identidad de tus usuarios y la navegación móvil; el servicio Call conecta a los participantes.

¿Debo usar un SDK de llamadas para React Native o un UI Kit?

El UI Kit proporciona componentes de interfaz sobre el servicio subyacente. Elige el SDK cuando necesites un mayor control sobre la UI de tu propia aplicación.

¿Qué se necesita para recibir llamadas?

Los usuarios deben estar autenticados y el servicio Call debe estar habilitado. El funcionamiento nativo en segundo plano y sin conexión también requiere la configuración de notificaciones push indicada en la documentación.

¿Cómo autentico a los usuarios del UI Kit de videollamadas para React Native?

Cree un UserSig en su servidor y páselo al cliente después de completar su propio flujo de inicio de sesión. Mantenga siempre el secreto de la aplicación en el servidor.

¿El React Native Video Calling UI Kit es gratuito?

La interfaz y el servicio Call alojado cumplen funciones diferentes. Activa el servicio para tu aplicación y revisa el plan actual, la disponibilidad de funciones y los cargos por uso.

¿Cómo integro UI Kit de videollamadas React Native con React Native?

Instala el paquete y las dependencias nativas documentadas y recompila tu aplicación nativa. Verifica los permisos, el ciclo de vida y los callbacks nativos sin asumir un entorno solo JavaScript.

¿Cómo pruebo UI Kit de videollamadas React Native antes de publicar mi aplicación?

Prueba los estados de invitación, aceptación, rechazo y fin de llamada entre usuarios independientes, incluida la denegación de permisos.

¿Cómo personalizo la interfaz de UI Kit de videollamadas React Native?

Usa los métodos expuestos por el UI Kit nativo para adaptar la presentación de las llamadas. Por ejemplo, importa Language de @tencentcloud/call-uikit-react-native y llama a TUICallKit.setLanguage(Language.EN). setCallingBell cambia el tono de las llamadas entrantes, mientras que enableMuteMode(true) lo silencia. El CSS de React web y las props de los providers no configuran esta interfaz nativa; conserva la configuración de permisos de Android e iOS y comprueba cada método en la guía de React Native.

Soporte de integración para React Native Call

Habla sobre tu aplicación

Conversa sobre tu producto, el uso previsto y tus necesidades de integración.

Contactar con Ventas

Incorpora videollamadas a tu aplicación React Native

Empieza con React Native Video Calling UI Kit, conecta dos usuarios de prueba y crea tu primera llamada.