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
Guias de integração
Instale UI Kit de videochamadas para React Native e ligue os seus utilizadores.
Exemplos e código-fonte
Veja o produto em ação e descubra como ele foi implementado.
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.
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çãoimport { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});Inicie uma videochamada no React Native
Passe o ID do destinatário da sua aplicação para a API de chamadas. Associe esta ação a um contacto, uma conversa ou um botão de chamada na interface React Native.
Leia a documentaçãoimport { TUICallKit, MediaType } from
'@tencentcloud/call-uikit-react-native';
await TUICallKit.calls({
userIdList: [recipientID], mediaType: MediaType.Video,
});Idioma
Defina o idioma da interface de chamada para corresponder ao seu aplicativo.
Leia a documentaçãoimport { TUICallKit, Language } from
'@tencentcloud/call-uikit-react-native';
TUICallKit.setLanguage(Language.EN);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çãoToque e identificação
Facilite o reconhecimento das chamadas recebidas com perfis de usuário e um toque personalizado.
Leia a documentaçãoCOMECE AGORA
Adicione chamadas de vídeo ao seu aplicativo React Native
- 01
- 02
Adicione UI Kit de videochamadas para React Native
Siga o guia da plataforma para conectar seu projeto.
Siga o Guia de Integração - 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
npm install @tencentcloud/call-uikit-react-nativeimport { 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
Dúvidas sobre integração
Obtenha ajuda para configurar UI Kit de videochamadas para React Native.
Ver a documentação para desenvolvedoresConverse sobre seu aplicativo
Converse sobre seu produto, uso esperado e necessidades de integração.
Entre em contato com a equipe de vendasLeve 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.

