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

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.

Interface de chamada

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
App.vue
<script setup>
import { TUICallKit } from "@trtc/calls-uikit-vue";
</script>

<template>
  <TUICallKit />
</template>

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ção

COMECE AGORA

Adicione chamadas de vídeo ao seu aplicativo Vue

  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 Vue

    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
Vue Call UI Kit
Terminal
npm install @trtc/calls-uikit-vue
App.vue
import { 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

Leve videochamadas ao seu aplicativo Vue

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