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

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.

Lienzo de vídeo

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ón
LiveScreen.tsx
import { LiveCoreView } from
  'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';

<LiveCoreView
  liveId={liveID}
  coreViewType="pushView"
  style={{ flex: 1 }}
/>

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ón

COMENZAR

Añade streaming en directo a tu aplicación React Native

  1. 01

    Crea tu app

    Activa Live para la aplicación y los usuarios de prueba.

    Abrir la consola de Live
  2. 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
  3. 03

    Conéctate a tu primera sala

    Usa una cuenta para transmitir y otra para ver.

    Configura la autenticación
React Native Live SDK
Terminal
npx expo install react-native-tuikit-atomic-x \
  expo-dev-client expo-build-properties
LiveScreen.tsx
import { 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

Habla sobre tu aplicación

Conversa sobre tu producto, el uso previsto y tus necesidades de integración.

Contactar con Ventas

Incorpora 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.