RECURSOS DE REACT CALL
Recursos de videochamada para React
Conecte pessoas
- Chamadas de voz e vídeo
- Gerenciamento de chamadas recebidas
Mantenha o controle
- Controles de câmera e microfone
- Eventos do ciclo de vida da chamada
Deixe com a sua cara
- Fluxo do seu aplicativo
- Integração específica da plataforma
Conheça os componentes de chamadas de vídeo para React
Conecte o TUICallKit ao layout dos seus componentes e inicie chamadas por meio das ações do aplicativo.
Incorpore sua interface de chamada em React
Monte o TUICallKit no layout do seu componente e inicialize-o com o usuário autenticado. O componente fornece a interface e os controles da chamada.
import { TUICallKit } from '@trtc/calls-uikit-react';
export function CallView() {
return <TUICallKit />;
}Inicie uma chamada de vídeo no React
Passe o ID do destinatário do seu aplicativo para a API de chamadas. Conecte essa ação a um contato, uma conversa ou um botão de chamada na sua interface React.
import { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-react';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});PERSONALIZAÇÃO
Personalize seu React Call UI Kit
Adapte o componente de chamadas React, os controles e o fluxo de chamadas recebidas ao seu produto.
COMECE AGORA
Adicione chamadas de vídeo ao seu aplicativo React
- 01
- 02
- 03
npm install @trtc/calls-uikit-reactimport { TUICallKitAPI } from '@trtc/calls-uikit-react';
await TUICallKitAPI.init({ SDKAppID, userID, userSig });Perguntas frequentes sobre UI Kit de videochamadas para React
O que está incluído no React Video Calling UI Kit?
O React Video Calling UI Kit fornece telas do TUICallKit e controles de chamada. Conecte-o à identidade dos usuários e ao layout dos componentes; o serviço Call conecta os participantes.
Devo usar um SDK de chamadas React ou um UI Kit?
O que é necessário para fazer videochamadas com React no navegador?
Como autentico os usuários do UI Kit de chamadas de vídeo para React?
O UI Kit de videochamadas para React é gratuito?
Como integro UI Kit de chamadas de vídeo React com React?
Como testo UI Kit de chamadas de vídeo React antes de lançar a minha aplicação?
Como personalizo a interface de UI Kit de chamadas de vídeo React?
Use TUICallKitAPI de @trtc/calls-uikit-react para as alterações de controles compatíveis. Por exemplo, hideFeatureButton(FeatureButton.Camera) oculta o botão da câmera, e setLayoutMode(LayoutMode.LocalInLargeView) coloca o vídeo local na visualização principal. A configuração de layout se aplica apenas a videochamadas individuais. Para uma interface totalmente diferente, desenvolva com TUICallEngine, sem presumir que cada visualização interna tenha uma prop React para substituí-la.