RECURSOS DE FLUTTER 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 móveis Flutter
- 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 Flutter
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 Flutter. O app fornece usuários autenticados e ID de sala.
import 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget with a BuildContext.
final behavior = RoomBehavior.create(
CreateRoomOptions(roomName: 'Workshop room'),
);
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: behavior,
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));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 'package:atomic_x_core/atomicxcore.dart';
final result = await LoginStore.shared.login(
sdkAppID: sdkAppID, userID: userID, userSig: userSig,
);
if (result.isSuccess) {
// Open the room after successful authentication.
}Reúna participantes
Use um ID de sala existente para conectar usuários à mesma sessão.
import 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget.
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: const RoomBehavior.enter(),
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));PERSONALIZAÇÃO
Dê à sala a identidade do produto
COMECE AGORA
Dê vida à sua primeira sala
- 01
- 02
- 03
flutter pub add tencent_conference_uikitimport 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget with a BuildContext.
final behavior = RoomBehavior.create(
CreateRoomOptions(roomName: 'Workshop room'),
);
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: behavior,
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));Perguntas frequentes sobre UI Kit de videoconferência Flutter
O que inclui o UI Kit de videoconferência Flutter?
O UI Kit de videoconferência Flutter 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 Flutter?
Como os usuários entram no UI Kit de videoconferência Flutter?
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?
Devo escolher UI Kit ou SDK?
Como integrar o UI Kit de videoconferência Flutter com Dart?
Como testar o UI Kit de videoconferência Flutter antes de lançar o app?
Como personalizar a interface do UI Kit de videoconferência Flutter?
Crie um fork do pacote room de TUIKit_Flutter para alterar o código-fonte de RoomMainWidget e seus widgets filhos. Por exemplo, ajuste a ordem dos botões de RoomBottomBarWidget e aponte a dependência tencent_conference_uikit para seu fork e branch. Não dependa de edições em .pub-cache, que podem ser substituídas por operações de dependências. Preserve a ação de sala de cada controle e mantenha as permissões nativas e a navegação da sala configuradas.