CRIADO PARA VUE
UI Kit de videochamadas para Vue
Adicione chamadas de voz e vídeo com o Vue Video Calling UI Kit da Tencent RTC. Monte o TUICallKit no seu aplicativo Vue e conecte os controles de chamada ao fluxo de usuário existente.
RECURSOS PARA DESENVOLVEDORES
Documentação e exemplos de UI Kit de videochamadas para Vue
Guias de integração
Instale UI Kit de videochamadas para Vue 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 Vue
Leve conversas face a face ao seu aplicativo Vue para conexões pessoais ou consultas, com controles de vídeo e chamada na mesma experiência.
Chamadas de vídeo em grupo no Vue
Conecte vários participantes no seu componente de chamada Vue. Use o guia da plataforma para configurar o fluxo da chamada e o layout de grupo compatível.
RECURSOS DE VUE CALL
Recursos de chamadas de vídeo para Vue
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 videochamada para Vue
Conecte o TUICallKit ao layout dos seus componentes e inicie chamadas por meio das ações do aplicativo.
Incorpore sua interface de chamadas Vue
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.
Leia a documentação<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>
<template>
<TUICallKit />
</template>Inicie uma chamada de vídeo no Vue
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 Vue.
Leia a documentaçãoimport { TUICallKitAPI, CallMediaType } from
'@trtc/calls-uikit-vue';
await TUICallKitAPI.calls({
userIDList: [recipientID],
type: CallMediaType.VIDEO,
});Janela flutuante
Mantenha a conversa visível enquanto os usuários navegam pelo seu aplicativo.
Leia a documentaçãoTUICallKitAPI.enableFloatWindow(true);PERSONALIZAÇÃO
Personalize seu UI Kit de chamadas no Vue
Adapte o componente de chamada Vue, os controles e o fluxo de chamadas recebidas 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çã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 Vue
- 01
- 02
Adicione UI Kit de videochamadas para Vue
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 @trtc/calls-uikit-vueimport { TUICallKitAPI } from '@trtc/calls-uikit-vue';
await TUICallKitAPI.init({ SDKAppID, userID, userSig });Perguntas frequentes sobre UI Kit de videochamadas para Vue
O que está incluído no Vue Video Calling UI Kit?
O UI Kit de chamadas de vídeo para Vue oferece 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 para Vue 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.
Quais são os requisitos das videochamadas com Vue no navegador?
Inicialize o TUICallKit para usuários autenticados com o serviço Call ativado. Use HTTPS ou localhost e gerencie as permissões de câmera, microfone e reprodução no navegador.
Como autenticar os usuários do Vue 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 Vue é 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 Vue com Vue?
Use a integração Vue e as APIs de componentes documentadas. Inicialize o serviço antes da vista ligada e remova os listeners ou liberte recursos quando a vista for desmontada.
Como testo UI Kit de chamadas de vídeo Vue 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 Vue?
Use TUICallKitAPI de @trtc/calls-uikit-vue para definir fundos de câmera desligada com setLocalViewBackgroundImage e setRemoteViewBackgroundImage. Esses fundos aparecem em chamadas de voz ou quando o vídeo está desativado. Para SVGs de botões personalizados, o fluxo documentado de cópia do código-fonte exige Vue 3 com TypeScript e a versão 3.2.2 ou posterior. Atualize as importações para usar sua cópia local do componente e mantenha as alterações ao atualizar.
Suporte à integração de Vue Call
Dúvidas sobre integração
Obtenha ajuda para configurar UI Kit de videochamadas para Vue.
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 videochamadas ao seu aplicativo Vue
Comece com o Vue Video Calling UI Kit, conecte dois usuários de teste e crie sua primeira chamada.

