RECURSOS DE REACT NATIVE LIVE
Recursos de transmissão ao vivo para React Native
Iniciar transmissão ao vivo
- Funções de anfitrião e público
- Gerenciamento do ciclo de vida da sala
Aproxime as pessoas
- Reprodução de vídeo ao vivo
- Participação do público
Deixe com a sua cara
- Layout flexível do aplicativo
- Blocos de construção específicos para cada plataforma
Explore os componentes de transmissão ao vivo em React Native
Conecte a visualização do anfitrião, a visualização do público e a lista de salas ao vivo à navegação do seu aplicativo.
Ofereça aos criadores um ponto de partida
Adicione a tela de preparação do host em React Native para que os criadores possam visualizar a câmera antes da transmissão. Conecte a tela à conta autenticada do host.
import { AnchorPage } from 'react-native-tuikit-live';
<AnchorPage onBack={goBack} onEndLive={showLiveSummary} />Integre a experiência de visualização ao seu aplicativo
Abra a visualização do público em React Native com a sala ao vivo selecionada. Conecte a entrada e a saída da sala à navegação da sua aplicação.
import { LiveAudiencePage } from 'react-native-tuikit-live';
<LiveAudiencePage
onBack={goBack}
onEndLive={showLiveSummary}
/>PERSONALIZAÇÃO
Personalize seu React Native Live UI Kit
Organize o vídeo, as interações com o público e a navegação em torno da experiência ao vivo no seu aplicativo React Native.
COMECE AGORA
Adicione streaming ao vivo à sua aplicação 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 });Perguntas frequentes sobre UI Kit de streaming ao vivo para React Native
O que posso criar com o React Native Live UI Kit?
O UI Kit de streaming ao vivo para React Native inclui interfaces de anfitrião, audiência e lista de salas. Conecte esses componentes TUILiveKit às contas dos usuários e à navegação React Native para criar uma jornada completa de visualização.
Como este UI Kit funciona com o SDK?
Como conecto uma interface de visualização ao vivo em React Native a uma transmissão?
Como autenticar os usuários do UI Kit de transmissão ao vivo para React Native?
O React Native Live Streaming UI Kit é gratuito?
Como integro UI Kit de transmissão em direto React Native com React Native?
Como testo UI Kit de transmissão em direto React Native antes de lançar a minha aplicação?
Como personalizo a interface de UI Kit de transmissão em direto React Native?
Personalize a tela copiada de live/src/pages/Anchor/index.tsx e os recursos compartilhados de tuikit-atomic-x. Por exemplo, adicione uma ação Product à barra inferior e conecte seu onPress ao painel de catálogo da sua aplicação. Os ícones ficam em src/static/images e os textos em src/locales dentro de tuikit-atomic-x. Recompile após as alterações. O botão não fornece catálogo, checkout ou backend de pagamentos; essas funções continuam sendo responsabilidade da aplicação.