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
Guías de integración
Instala UI Kit de videollamadas para React Native y conecta a tus usuarios.
Ejemplos y código fuente
Mira el producto en acción y descubre cómo se ha implementado.
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.
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ónimport { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});Inicie una videollamada en React Native
Pasa el ID del destinatario desde tu aplicación a la API de llamadas. Vincula esta acción a un contacto, una conversación o un botón de llamada en tu interfaz de React Native.
Leer la documentaciónimport { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});Idioma
Configura el idioma de la interfaz de llamada para que coincida con tu aplicación.
Leer la documentaciónimport { TUICallKit, Language } from
'@tencentcloud/call-uikit-react-native';
TUICallKit.setLanguage(Language.EN);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ónTono e identidad
Haz que las llamadas entrantes sean fáciles de identificar mediante perfiles de usuario y un tono personalizado.
Leer la documentaciónCOMENZAR
Añada videollamadas a su aplicación React Native
- 01
- 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 - 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
npm install @tencentcloud/call-uikit-react-nativeimport { 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
Preguntas sobre la integración
Obtén ayuda para configurar UI Kit de videollamadas para React Native.
Ver la documentación para desarrolladoresHabla sobre tu aplicación
Conversa sobre tu producto, el uso previsto y tus necesidades de integración.
Contactar con VentasIncorpora 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.

