CREADO PARA REACT NATIVE
SDK de streaming en directo para React Native
Crea emisiones para dispositivos móviles con el React Native Live Streaming SDK de Tencent RTC. Combina vistas de vídeo nativas y el estado de la sala con tus pantallas React Native y la configuración de la plataforma.
RECURSOS PARA DESARROLLADORES
Documentación y ejemplos de SDK de streaming en directo para React Native
Guías de integración
Instala SDK de streaming en directo para React Native 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 directo con React Native
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 con React Native
Lleva una presentación y su audiencia a tu aplicación React Native. Conecta la pantalla de visualización con la sala para que las personas puedan seguir el evento en vivo.
CAPACIDADES DE REACT NATIVE LIVE
Funciones de transmisión en directo para React Native
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 las APIs de transmisión en directo para React Native
Conecte las vistas de video y el estado de la sala de AtomicXCore con su interfaz de anfitrión y audiencia en React Native.
Añade una vista de vídeo en directo con React Native
Coloca la vista de video de AtomicXCore en tu diseño de React Native. Vincúlala al estado de la sala mientras tu aplicación proporciona los controles y la navegación circundantes.
Leer la documentaciónimport { LiveCoreView } from
'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';
<LiveCoreView
liveId={liveID}
coreViewType="pushView"
style={{ flex: 1 }}
/>Empieza a transmitir en directo con React Native
Autentica al anfitrión, prepara el audio y el vídeo locales y crea la sala en vivo. Usa el mismo ID de sala para la vista multimedia y el ciclo de vida de la sala.
Leer la documentaciónconst { createLive } = useLiveListState();
createLive({
liveInfo: {
liveID, liveName: 'Studio sessions',
seatLayoutTemplateID: 600, keepOwnerOnSeat: true,
},
onSuccess: handleStarted, onError: handleError,
});Haz que los espectadores vivan el momento
Usa el mismo ID de sala para conectar a tu audiencia.
Leer la documentaciónconst { joinLive } = useLiveListState();
joinLive({
liveID,
onSuccess: handleJoined, onError: handleError,
});PERSONALIZACIÓN
Personaliza tu interfaz en directo de React Native
Organiza el video, las interacciones con la audiencia y la navegación en torno a la experiencia en directo de tu aplicación React Native.
Tu diseño
Crea tu interfaz en torno al lienzo de video principal y el estado de la sala.
Leer la documentaciónInteracciones del público
Amplía la sala con las API de audiencia e interacción disponibles en tu plataforma.
Leer la documentaciónCOMENZAR
Añade streaming en directo a tu aplicación React Native
- 01
- 02
Añade SDK de streaming en directo para React Native
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
npx expo install react-native-tuikit-atomic-x \
expo-dev-client expo-build-propertiesimport { useLoginState } from
'react-native-tuikit-atomic-x';
const { login } = useLoginState();
login({ sdkAppID: SDKAppID, userID, userSig });Preguntas frecuentes sobre SDK de streaming en directo para React Native
¿El SDK de streaming en vivo para React Native incluye una vista de video?
El React Native Live Streaming SDK incluye vistas de vídeo de AtomicXCore y APIs de estado de la sala. Tu aplicación proporciona las interfaces del anfitrión y la audiencia que utilizan esas vistas; elige TUILiveKit si necesitas pantallas listas para usar.
¿Cómo se integra este SDK con el UI Kit?
Use las API del SDK para crear su propia interfaz. Elija el UI Kit si desea pantallas y controles listos para usar.
¿Puedo ejecutar el SDK en Expo Go?
El SDK incluye módulos nativos. Usa una compilación de desarrollo nativa, como un Expo development client, y completa la configuración de iOS y Android indicada en la guía.
¿Cómo autentico a los usuarios del React Native Live Streaming SDK?
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.
¿Se puede usar gratis el React Native Live Streaming SDK?
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 SDK de transmisión en directo React Native con React Native?
Instala el paquete y las dependencias nativas documentadas y recompila tu aplicación nativa. Verifica los permisos, el ciclo de vida y los callbacks nativos sin asumir un entorno solo JavaScript.
¿Cómo pruebo SDK de transmisión en directo React Native 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 SDK de transmisión en directo React Native?
Usa API compatibles de anfitrión y espectador con tu interfaz. La app gestiona comercio, entradas o derechos de reproducción.
Soporte de integración para React Native Live
Preguntas sobre la integración
Obtén ayuda para configurar SDK de streaming en directo para React Native.
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 streaming en directo a tu aplicación React Native
Conecta a creadores y audiencias con el React Native Live Streaming SDK y sus guías para cada plataforma.

