CRIADO PARA REACT NATIVE

UI Kit de videochamadas para React Native

Ligue os seus usuários móveis com o UI Kit de chamadas de vídeo para React Native do Tencent RTC. Adicione interfaces prontas para chamadas recebidas e em curso e configure a integração nativa e o idioma da interface.

RECURSOS PARA DESENVOLVEDORES

Documentação e exemplos de UI Kit de videochamadas para React Native

Chamadas de vídeo individuais no React Native

Leve conversas cara a cara para seu aplicativo React Native em interações pessoais ou consultas, com vídeo e controles de chamada na mesma experiência.

Chamadas de vídeo em grupo no React Native

Ligue vários participantes no ecrã de chamada do React Native. Utilize o guia da plataforma para configurar o fluxo da chamada e o esquema de grupo compatível.

RECURSOS DE REACT NATIVE CALL

Recursos de chamadas de vídeo para React Native

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

Explore os componentes de videochamadas para React Native

Conecte o TUICallKit à navegação móvel e inicie chamadas a partir das ações do aplicativo.

Interface de chamada

Incorpore sua interface de chamadas em React Native

Monte o TUICallKit na navegação móvel e inicialize-o com o usuário autenticado. O componente fornece a interface e os controles da chamada.

Leia a documentação
CallScreen.tsx
import { TUICallKit, MediaType } from
  '@tencentcloud/call-uikit-react-native';

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

PERSONALIZAÇÃO

Personalize seu React Native Call UI Kit

Adapte a tela de chamada, os controles e o fluxo de chamadas recebidas do React Native ao seu produto.

Idioma

Selecione um idioma de interface compatível para o seu aplicativo React Native.

Leia a documentação

COMECE AGORA

Adicione chamadas de vídeo ao seu aplicativo React Native

  1. 01

    Crie seu app

    Ative Call para a aplicação e os utilizadores de teste.

    Abrir a consola de Call
  2. 02

    Adicione UI Kit de videochamadas para React Native

    Siga o guia da plataforma para conectar seu projeto.

    Siga o Guia de Integração
  3. 03

    Faça sua primeira chamada

    Entre com dois usuários de teste e, em seguida, faça e atenda uma chamada.

    Configure a autenticação
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,
});

Perguntas frequentes sobre UI Kit de videochamadas para React Native

O que está incluído no React Native Video Calling UI Kit?

O React Native Video Calling UI Kit oferece telas do TUICallKit e controles de chamada. Conecte-o ao sistema de identidade dos usuários e à navegação móvel; o serviço Call conecta os participantes.

Devo usar um SDK de chamadas para React Native ou um UI Kit?

O UI Kit fornece componentes de interface sobre o serviço subjacente. Escolha o SDK quando precisar de mais controle sobre a interface do seu próprio aplicativo.

O que é necessário para receber chamadas?

Os usuários precisam estar autenticados e o serviço Call deve estar ativado. O funcionamento nativo em segundo plano e offline também requer a configuração de notificações push indicada na documentação.

Como autentico os usuários do UI Kit de chamadas de vídeo para React Native?

Crie um UserSig em seu servidor e envie-o ao cliente após a conclusão do seu próprio fluxo de login. Mantenha sempre o segredo do aplicativo no servidor.

O React Native Video Calling UI Kit é gratuito?

A interface e o serviço Call hospedado desempenham funções diferentes. Ative o serviço para seu aplicativo e consulte o plano atual, a disponibilidade dos recursos e as cobranças por uso.

Como integro UI Kit de chamadas de vídeo React Native com React Native?

Instale o pacote e as dependências nativas documentadas e volte a compilar a aplicação nativa. Verifique permissões, ciclo de vida e callbacks nativos, sem presumir um ambiente apenas JavaScript.

Como testo UI Kit de chamadas de vídeo React Native antes de lançar a minha aplicação?

Teste os estados de convite, aceitação, recusa e fim de chamada entre utilizadores independentes, incluindo a recusa de permissões.

Como personalizo a interface de UI Kit de chamadas de vídeo React Native?

Use os métodos expostos pelo UI Kit nativo para adaptar a apresentação das chamadas. Por exemplo, importe Language de @tencentcloud/call-uikit-react-native e chame TUICallKit.setLanguage(Language.EN). setCallingBell altera o toque de chamadas recebidas, enquanto enableMuteMode(true) o silencia. O CSS do React web e as props de providers não configuram essa interface nativa; mantenha a configuração de permissões do Android e do iOS e confira cada método no guia de React Native.

Suporte à integração de React Native Call

Leve chamadas de vídeo ao seu aplicativo React Native

Comece com o React Native Video Calling UI Kit, conecte dois usuários de teste e crie sua primeira chamada.