CRIADO PARA FLUTTER

UI Kit de videochamadas para Flutter

Adicione telas de chamada com o Flutter Video Calling UI Kit do Tencent RTC. Integre o TUICallKit à árvore de widgets e à navegação, além de configurar os controles de chamadas recebidas e a plataforma nativa.

RECURSOS PARA DESENVOLVEDORES

Documentação e exemplos de UI Kit de videochamadas para Flutter

Chamadas de vídeo individuais no Flutter

Leve conversas face a face ao seu aplicativo Flutter para conexões pessoais ou consultas, reunindo vídeo e controles de chamada na mesma experiência.

Videochamadas em grupo no Flutter

Conecte vários participantes na sua tela de chamada Flutter. Use o guia da plataforma para configurar o fluxo da chamada e o layout de grupo compatível.

RECURSOS DE FLUTTER CALL

Recursos de videochamadas em Flutter

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 chamadas de vídeo para Flutter

Conecte o TUICallKit à sua árvore de widgets e inicie chamadas a partir das ações do aplicativo.

Interface de chamada

Incorpore sua interface de chamadas no Flutter

Monte o TUICallKit na árvore de widgets e inicialize-o com o usuário autenticado. O componente fornece a interface e os controles da chamada.

Leia a documentação
call_page.dart
MaterialApp(
  navigatorObservers: [TUICallKit.navigatorObserver],
  localizationsDelegates: const [AtomicLocalizations.delegate],
);

PERSONALIZAÇÃO

Personalize seu UI Kit de chamadas para Flutter

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

Layout e controles

Adapte a experiência de chamada usando as opções de personalização do guia da sua plataforma.

Leia a documentação

COMECE AGORA

Adicione chamadas de vídeo ao seu aplicativo Flutter

  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 Flutter

    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
Flutter Call UI Kit
Terminal
flutter pub add tencent_calls_uikit
call_page.dart
import 'package:tencent_calls_uikit/tencent_calls_uikit.dart';

await TUICallKit.instance.login(SDKAppID, userID, userSig);

Perguntas frequentes sobre UI Kit de videochamadas para Flutter

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

O Flutter Video Calling UI Kit oferece telas do TUICallKit e controles de chamada. Conecte-o à identidade dos usuários e à sua árvore de widgets; o serviço Call conecta os participantes.

Devo usar um SDK de chamadas para Flutter 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.

Como as chamadas recebidas em Flutter funcionam em segundo plano?

Configure os requisitos de push nativo e do ciclo de vida do aplicativo conforme o guia do Flutter. Teste as chamadas recebidas em primeiro plano, em segundo plano e offline em dispositivos reais; apenas exibir uma tela de chamada não conclui essa configuração.

Como autenticar usuários do Flutter Video Calling UI Kit?

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 UI Kit de chamadas de vídeo para Flutter é 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 Flutter com Dart?

Instale o pacote Flutter documentado e configure o projeto nativo de cada destino. Teste o ciclo de vida dos widgets junto ao comportamento subjacente de iOS e Android.

Como testo UI Kit de chamadas de vídeo Flutter 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 Flutter?

Personalize os controles de chamada Flutter pelos recursos em assets/images do UI Kit. Por exemplo, substitua camera_off.png pela sua própria imagem de câmera desligada, preservando a referência ao asset. Mantenha essas alterações em uma cópia do código-fonte sob sua manutenção, em vez de editar o cache do pub. Preserve TUICallKit.navigatorObserver e o delegate de localização em MaterialApp; alterações visuais não substituem a configuração de rotas, ciclo de vida ou permissões nativas.

Suporte à integração de Flutter Call

Adicione videochamadas à sua aplicação Flutter

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