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 los componentes de streaming en directo para React Native
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 anfitrión en React Native para que los creadores puedan previsualizar la cámara antes de emitir. Conecta la pantalla con la cuenta autenticada del anfitrión.
import { AnchorPage } from 'react-native-tuikit-live';
<AnchorPage onBack={goBack} onEndLive={showLiveSummary} />Integra la experiencia de visualización en tu aplicación
Abre la vista de audiencia en React Native con la sala en directo seleccionada. Conecta la entrada y la salida de la sala con la navegación de tu aplicación.
import { LiveAudiencePage } from 'react-native-tuikit-live';
<LiveAudiencePage
onBack={goBack}
onEndLive={showLiveSummary}
/>PERSONALIZACIÓN
Personaliza tu React Native Live UI Kit
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.
COMENZAR
Añade streaming en directo a tu aplicación React Native
- 01
- 02
- 03
git clone https://github.com/Tencent-RTC/TUIKit_ReactNative.gitimport { useLoginState } from
'react-native-tuikit-atomic-x';
const { login } = useLoginState();
login({ sdkAppID: SDKAppID, userID, userSig });Preguntas frecuentes sobre UI Kit de streaming en directo para React Native
¿Qué puedo crear con React Native Live UI Kit?
El UI Kit de streaming en vivo para React Native incluye interfaces de anfitrión, audiencia y lista de salas. Conecta estos componentes TUILiveKit con las cuentas de usuario y la navegación de React Native para crear un flujo de visualización completo.
¿Cómo se integra este UI Kit con el SDK?
¿Cómo conecto un visor en directo de React Native con una emisión?
¿Cómo autentico a los usuarios del UI Kit de streaming en vivo para React Native?
¿Se puede usar gratis el React Native Live Streaming UI Kit?
¿Cómo integro UI Kit de transmisión en directo React Native con React Native?
¿Cómo pruebo UI Kit de transmisión en directo React Native antes de publicar mi aplicación?
¿Cómo personalizo la interfaz de UI Kit de transmisión en directo React Native?
Personaliza la pantalla copiada de live/src/pages/Anchor/index.tsx y los recursos compartidos de tuikit-atomic-x. Por ejemplo, añade una acción Product a la barra inferior y conecta su onPress con tu propio panel de catálogo. Los iconos se encuentran en src/static/images y los textos en src/locales dentro de tuikit-atomic-x. Vuelve a compilar tras los cambios. El botón no proporciona un catálogo, un proceso de compra ni un backend de pagos; esas funciones siguen siendo responsabilidad de la aplicación.