RECURSOS DE VUE ROOM
Salas criadas para seu app
Ciclo de vida da sala
- Crie e entre em salas
- Trate ações de saída e encerramento
Conversa ao vivo
- Conecte vídeo dos participantes
- Controle câmera e microfone
Experiência dos participantes
- Exiba membros da sala
- Reflita mudanças de estado da sala
Identidade do app
- Conecte seus IDs de usuário
- Autentique com UserSig emitido pelo servidor
Integração da plataforma
- Aplicativos Vue 3
- Respeite permissões nativas ou do navegador
Fluxo do seu produto
- Conecte salas à navegação
- Mantenha dados de negócio no app
Explore componentes de reunião Vue
Veja a experiência de sala e seu código.
Um lugar para todos
Monte a visão de reunião com o UI Kit de videoconferência Vue. O app fornece usuários autenticados e ID de sala.
<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>Conecte a identidade do app
Entre com ID do app, ID do usuário e UserSig emitido pelo servidor. Acesse a sala após o login bem-sucedido.
import { conference } from '@tencentcloud/roomkit-web-vue3';
await conference.login({ sdkAppId: SDKAppID, userId, userSig });
await conference.createAndJoinRoom({
roomId, options: { roomName: 'Studio review' },
});PERSONALIZAÇÃO
Dê à sala a identidade do produto
COMECE AGORA
Dê vida à sua primeira sala
- 01
- 02
- 03
npm install @tencentcloud/roomkit-web-vue3@5 tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>Perguntas frequentes sobre UI Kit de videoconferência Vue
O que inclui o UI Kit de videoconferência Vue?
O UI Kit de videoconferência Vue oferece interface pronta com entrada, vídeos e controles de participantes. O app fornece identidade e fluxos de negócio.
Como integrar o UI Kit de videoconferência Vue?
Como os usuários entram no UI Kit de videoconferência Vue?
Use SDKAppID, ID do usuário e UserSig gerado no servidor. Não inclua o segredo do app no código do navegador ou móvel. Trate falhas de autenticação antes de entrar.
Posso personalizar a experiência de reunião?
Adapte componentes e configurações documentados. O código do UI Kit nativo expõe telas e barras de ferramentas. Confira opções compatíveis no guia da plataforma.
Como funciona o preço do Room?
Isso substitui meu sistema de cursos ou trabalho?
O app continua gerindo conteúdo, permissões, pagamentos e registros de negócio. O componente de reunião adiciona comunicação em tempo real.
Como integrar o UI Kit de videoconferência Vue com Vue?
Como testar o UI Kit de videoconferência Vue antes de lançar o app?
Como personalizar a interface do UI Kit de videoconferência Vue?
Configure UIKitProvider no seu template Vue e use conference de @tencentcloud/roomkit-web-vue3 para as opções de sala. Por exemplo, chame conference.setFeatureConfig({ shareLink: yourRoomUrl }) depois de entrar ou criar a sala, quando seu ID estiver disponível. O link de compartilhamento padrão é o endereço da página atual. Dê preferência a essas opções compatíveis; extrair o código-fonte do componente para modificá-lo coloca sua cópia fora do fluxo padrão de atualização do pacote.