CAPACIDADES DE FLUTTER ROOM
Salas creadas para tu app
Ciclo de vida de la sala
- Crea y únete a salas
- Gestiona salidas y finalizaciones
Conversación en directo
- Conecta el vídeo de participantes
- Controla cámara y micrófono
Experiencia de participantes
- Muestra miembros de la sala
- Refleja cambios de estado de la sala
Identidad de la app
- Conecta tus IDs de usuario
- Autentica con UserSig emitido por el servidor
Integración de plataforma
- Aplicaciones móviles Flutter
- Respeta permisos nativos o del navegador
Flujo de tu producto
- Conecta salas a tu navegación
- Mantén datos empresariales en tu app
Explora componentes de reunión Flutter
Descubre la experiencia de sala y su código.
Un lugar para todos
Monta la vista de reunión con el UI Kit de videoconferencia Flutter. Tu app proporciona usuarios 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,
),
),
));Conecta la identidad de tu app
Inicia sesión con ID de app, ID de usuario y UserSig emitido por el servidor. Entra en la sala tras iniciar sesión correctamente.
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úne a los participantes
Usa un ID de sala existente para reunir usuarios en la misma sesión.
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,
),
),
));PERSONALIZACIÓN
Dale a la sala la identidad de tu producto
COMENZAR
Pon en marcha tu primera 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,
),
),
));Preguntas frecuentes sobre UI Kit de videoconferencia Flutter
¿Qué incluye el UI Kit de videoconferencia Flutter?
El UI Kit de videoconferencia Flutter ofrece interfaz lista con entrada, vistas de vídeo y controles de participantes. Tu app aporta identidad y flujos empresariales.
¿Cómo integro el UI Kit de videoconferencia Flutter?
¿Cómo inician sesión los usuarios en el UI Kit de videoconferencia Flutter?
Usa SDKAppID, ID de usuario y UserSig generado en el servidor. Mantén el secreto de app fuera del código web y móvil. Gestiona fallos de autenticación antes de entrar.
¿Puedo personalizar la experiencia de reunión?
Adapta componentes y configuraciones documentados. El código de UI Kit nativo expone vistas y barras de herramientas. Revisa opciones compatibles en la guía de plataforma.
¿Cómo se cobra Room?
¿Debo elegir UI Kit o SDK?
¿Cómo integro el UI Kit de videoconferencia Flutter con Dart?
¿Cómo pruebo el UI Kit de videoconferencia Flutter antes de lanzar mi app?
¿Cómo personalizo la interfaz del UI Kit de videoconferencia Flutter?
Crea un fork del paquete room de TUIKit_Flutter para modificar el código fuente de RoomMainWidget y sus widgets hijos. Por ejemplo, ajusta el orden de los botones de RoomBottomBarWidget y apunta la dependencia tencent_conference_uikit a tu fork y rama. No dependas de las ediciones en .pub-cache, ya que las operaciones con dependencias pueden reemplazarlas. Conserva la acción de sala de cada control y mantén configurados los permisos nativos y la navegación de la sala.