CREADO PARA FLUTTER
UI Kit de streaming en directo para Flutter
Conecta a creadores y espectadores con Flutter Live Streaming UI Kit de Tencent RTC. Añade widgets de TUILiveKit a tu aplicación Flutter para emitir, ver y descubrir salas.
RECURSOS PARA DESARROLLADORES
Documentación y ejemplos de UI Kit de streaming en directo para Flutter
Guías de integración
Instala UI Kit de streaming en directo para Flutter y conecta a tus usuarios.
Ejemplos y código fuente
Mira el producto en acción y descubre cómo se ha implementado.
Demostraciones de productos en vivo en Flutter
Permite que los espectadores sigan la demostración de producto de un creador y participen en la conversación. Tu aplicación gestiona el catálogo y la experiencia de compra.
Visualización de eventos en directo en Flutter
Lleva una presentación y su audiencia a tu aplicación Flutter. Conecta la pantalla de visualización con la sala para que las personas puedan seguir el evento en directo.
CAPACIDADES DE FLUTTER LIVE
Funciones de streaming en directo con Flutter
Iniciar directo
- Roles de anfitrión y audiencia
- Gestión del ciclo de vida de la sala
Une a las personas
- Reproducción de vídeo en directo
- Participación de la audiencia
Hazlo tuyo
- Diseño flexible de la aplicación
- Componentes específicos para cada plataforma
Explora los componentes de streaming en directo para Flutter
Conecta la vista del anfitrión, la vista del público y la lista de salas en vivo con la navegación de tu aplicación.
Ofrezca a los creadores un punto de partida
Añade la pantalla de preparación del host en Flutter para que los creadores puedan previsualizar la cámara antes de emitir. Conecta la pantalla a tu cuenta de host autenticada.
Leer la documentaciónimport 'package:tencent_live_uikit/tencent_live_uikit.dart';
Navigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAnchorOverlay(roomId: liveID),
));Integra la experiencia de visualización en tu aplicación
Abre la vista del público de Flutter con la sala en vivo seleccionada. Conecta la entrada y salida de la sala con la navegación de tu aplicación.
Leer la documentaciónNavigator.push(context, MaterialPageRoute(
builder: (_) => TUILiveRoomAudienceOverlay(
roomId: liveID,
liveInfo: LiveInfo(liveID: liveID),
),
));Abre la Puerta al Descubrimiento de Contenido en Vivo
Añade una lista navegable y conéctala con el flujo de visualización.
Leer la documentaciónLiveListWidget(
style: LiveListViewStyle.doubleColumn,
);PERSONALIZACIÓN
Personaliza tu Flutter Live UI Kit
Organiza el vídeo, las interacciones de la audiencia y la navegación en torno a la experiencia en vivo de tu aplicación Flutter.
Tu identidad visual
Ajusta la presentación visual con las opciones de personalización disponibles en tu plataforma.
Leer la documentaciónComentarios y contenido
Combine los elementos de la experiencia en vivo que importan a sus espectadores.
Leer la documentaciónCOMENZAR
Añade transmisiones en vivo a tu aplicación Flutter
- 01
- 02
Añade UI Kit de streaming en directo para Flutter
Sigue la guía de la plataforma para conectar tu proyecto.
Sigue la Guía de integración - 03
Conéctate a tu primera sala
Usa una cuenta para transmitir y otra para ver.
Configura la autenticación
flutter pub add tencent_live_uikitimport 'package:atomic_x_core/atomicxcore.dart';
await LoginStore.shared.login(
sdkAppID: SDKAppID, userID: userID, userSig: userSig,
);Preguntas frecuentes sobre UI Kit de streaming en directo para Flutter
¿Qué puedo crear con Flutter Live UI Kit?
Flutter Live Streaming UI Kit incluye interfaces para el anfitrión, el público y la lista de salas. Conecta estos componentes de TUILiveKit con las cuentas de usuario y la navegación de Flutter para crear un flujo de visualización completo.
¿Cómo se integra este UI Kit con el SDK?
El UI Kit proporciona componentes de interfaz sobre el servicio subyacente. Elige el SDK cuando necesites un mayor control sobre la UI de tu propia aplicación.
¿Cómo conecto un visor en directo de Flutter a una emisión?
Activa el servicio Live, autentica al espectador y entra en la sala creada por el presentador. Usa cuentas independientes para probar la pantalla del público en Flutter y sigue la guía de la plataforma para configurarla.
¿Cómo autentico a los usuarios del Flutter Live Streaming UI Kit?
Cree un UserSig en su servidor y páselo al cliente después de completar su propio flujo de inicio de sesión. Mantenga siempre el secreto de la aplicación en el servidor.
¿Flutter Live Streaming UI Kit se puede usar gratis?
La interfaz y el servicio Live alojado cumplen funciones distintas. Activa el servicio para tu aplicación y revisa el plan actual, la disponibilidad de las funciones y los cargos por uso.
¿Cómo integro UI Kit de transmisión en directo Flutter con Dart?
Instala el paquete Flutter documentado y completa la configuración nativa de cada destino. Prueba el ciclo de vida de los widgets junto con el comportamiento subyacente de iOS y Android.
¿Cómo pruebo UI Kit de transmisión en directo Flutter antes de publicar mi aplicación?
Prueba roles de anfitrión y espectador, eventos compatibles de emisión o reproducción y reconexión.
¿Cómo personalizo la interfaz de UI Kit de transmisión en directo Flutter?
Personaliza los recursos PNG y los archivos de localización ARB de la página del presentador en una copia del código fuente que mantengas. Por ejemplo, cambia una etiqueta de livekit_en.arb y ejecuta flutter gen-l10n para regenerar su código de localización. Mantén conectados ComponentTheme y el observador de navegación de LiveKit. TUILiveRoomAnchorOverlay debe abrirse como una ruta independiente, sin anidarlo dentro de Container o Stack, porque gestiona su propia superposición y el comportamiento de ventana flotante.
Soporte de integración para Flutter Live
Preguntas sobre la integración
Obtén ayuda para configurar UI Kit de streaming en directo para Flutter.
Ver la documentación para desarrolladoresHabla sobre tu aplicación
Conversa sobre tu producto, el uso previsto y tus necesidades de integración.
Contactar con VentasIncorpora transmisiones en vivo a tu aplicación Flutter
Conecte a creadores y audiencias con el Flutter Live Streaming UI Kit y sus guías de plataforma.

