CAPACIDADES DE REACT CALL
Funciones de videollamada para React
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
Explore los componentes de videollamadas para React
Conecta TUICallKit al diseño de tus componentes e inicia llamadas mediante acciones de tu aplicación.
Incrusta tu interfaz de llamada en React
Monta TUICallKit en el diseño de tu componente e inicialízalo con el usuario autenticado. El componente proporciona la interfaz y los controles de llamada.
import { TUICallKit } from '@trtc/calls-uikit-react';
export function CallView() {
return <TUICallKit />;
}Inicia una videollamada en React
Pasa el ID del destinatario desde tu aplicación a la API de llamadas. Conecta esta acción con un contacto, una conversación o un botón de llamada en tu interfaz React.
import { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-react';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});PERSONALIZACIÓN
Personaliza tu React Call UI Kit
Adapta el componente de llamadas de React, los controles y el flujo de llamadas entrantes a tu producto.
COMENZAR
Añade videollamadas a tu aplicación React
- 01
- 02
- 03
npm install @trtc/calls-uikit-reactimport { TUICallKitAPI } from '@trtc/calls-uikit-react';
await TUICallKitAPI.init({ SDKAppID, userID, userSig });Preguntas frecuentes sobre UI Kit de videollamadas para React
¿Qué incluye el React Video Calling UI Kit?
El React Video Calling UI Kit proporciona pantallas de TUICallKit y controles de llamada. Conéctelo con la identidad de sus usuarios y el diseño de los componentes; el servicio Call conecta a los participantes.
¿Debo usar un SDK de llamadas para React o un UI Kit?
¿Qué se necesita para hacer videollamadas con React en el navegador?
¿Cómo autentico a los usuarios del UI Kit de videollamadas para React?
¿El UI Kit de videollamadas para React es gratuito?
¿Cómo integro UI Kit de videollamadas React con React?
¿Cómo pruebo UI Kit de videollamadas React antes de publicar mi aplicación?
¿Cómo personalizo la interfaz de UI Kit de videollamadas React?
Usa TUICallKitAPI de @trtc/calls-uikit-react para realizar los cambios de controles admitidos. Por ejemplo, hideFeatureButton(FeatureButton.Camera) oculta el botón de la cámara, y setLayoutMode(LayoutMode.LocalInLargeView) sitúa el vídeo local en la vista grande. Esta configuración de diseño solo se aplica a videollamadas individuales. Para crear una interfaz completamente distinta, utiliza TUICallEngine sin asumir que cada vista interna dispone de una prop de React para sustituirla.