CRIADO PARA REACT NATIVE
SDK de streaming ao vivo para React Native
Crie transmissões para dispositivos móveis com o React Native Live Streaming SDK do Tencent RTC. Combine visualizações de vídeo nativas e o estado da sala com suas telas React Native e a configuração da plataforma.
RECURSOS PARA DESENVOLVEDORES
Documentação e exemplos de SDK de streaming ao vivo para React Native
Guias de integração
Instale SDK de streaming ao vivo para React Native e ligue os seus utilizadores.
Exemplos e código-fonte
Veja o produto em ação e descubra como ele foi implementado.
Demonstrações de produtos ao vivo em React Native
Permita que os espectadores acompanhem a demonstração de produto de um criador e participem da conversa. Seu aplicativo gerencia o catálogo e a experiência de compra.
Visualização de eventos ao vivo com React Native
Leve uma apresentação e sua audiência ao seu aplicativo React Native. Conecte a tela de visualização à sala para que as pessoas possam acompanhar o evento ao vivo.
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 as APIs de transmissão ao vivo para React Native
Conecte as visualizações de vídeo e o estado da sala do AtomicXCore à interface de anfitrião e público em React Native.
Adicione uma visualização de vídeo ao vivo em React Native
Insira a visualização de vídeo do AtomicXCore no seu layout React Native. Vincule-a ao estado da sala enquanto seu aplicativo fornece os controles e a navegação ao redor.
Leia a documentaçãoimport { LiveCoreView } from
'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';
<LiveCoreView
liveId={liveID}
coreViewType="pushView"
style={{ flex: 1 }}
/>Comece a transmitir ao vivo com React Native
Autentique o anfitrião, prepare o áudio e o vídeo locais e crie a sala ao vivo. Use o mesmo ID de sala para a visualização de mídia e o ciclo de vida da sala.
Leia a documentaçãoconst { createLive } = useLiveListState();
createLive({
liveInfo: {
liveID, liveName: 'Studio sessions',
seatLayoutTemplateID: 600, keepOwnerOnSeat: true,
},
onSuccess: handleStarted, onError: handleError,
});Leve os espectadores para dentro do momento
Use o mesmo ID de sala para conectar o seu público.
Leia a documentaçãoconst { joinLive } = useLiveListState();
joinLive({
liveID,
onSuccess: handleJoined, onError: handleError,
});PERSONALIZAÇÃO
Personalize sua interface ao vivo em React Native
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.
Seu layout
Crie sua interface em torno da tela principal de vídeo e do estado da sala.
Leia a documentaçãoInterações do público
Amplie a sala com as APIs de audiência e interação disponíveis na sua plataforma.
Leia a documentaçãoCOMECE AGORA
Adicione streaming ao vivo à sua aplicação React Native
- 01
- 02
Adicione SDK de streaming ao vivo para React Native
Siga o guia da plataforma para conectar seu projeto.
Siga o Guia de Integração - 03
Conecte-se à sua primeira sala
Use uma conta para transmitir e outra para assistir.
Configure a autenticação
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 });Perguntas frequentes sobre SDK de streaming ao vivo para React Native
O SDK de transmissão ao vivo para React Native inclui uma visualização de vídeo?
O React Native Live Streaming SDK inclui visualizações de vídeo do AtomicXCore e APIs de estado da sala. O seu aplicativo fornece as interfaces do anfitrião e do público que usam essas visualizações; escolha o TUILiveKit para usar telas prontas.
Como este SDK funciona com o UI Kit?
Use as APIs do SDK para criar sua própria interface. Escolha o UI Kit se quiser telas e controles prontos para uso.
Posso executar o SDK no Expo Go?
O SDK inclui módulos nativos. Use uma build de desenvolvimento nativa, como um Expo development client, e conclua as configurações de iOS e Android descritas no guia.
Como autenticar usuários do React Native Live Streaming SDK?
Crie um UserSig em seu servidor e envie-o ao cliente após a conclusão do seu próprio fluxo de login. Mantenha sempre o segredo do aplicativo no servidor.
O React Native Live Streaming SDK é gratuito?
A interface e o serviço Live hospedado desempenham funções diferentes. Ative o serviço para seu aplicativo e consulte o plano atual, a disponibilidade dos recursos e as cobranças de uso.
Como integro SDK de transmissão em direto React Native com React Native?
Instale o pacote e as dependências nativas documentadas e volte a compilar a aplicação nativa. Verifique permissões, ciclo de vida e callbacks nativos, sem presumir um ambiente apenas JavaScript.
Como testo SDK de transmissão em direto React Native antes de lançar a minha aplicação?
Teste papéis de anfitrião e espectador, eventos compatíveis de publicação ou reprodução e reconexão.
Como personalizo a interface de SDK de transmissão em direto React Native?
Use APIs compatíveis de anfitrião e espectador na sua interface. O app gerencia comércio, ingressos e direitos de reprodução.
Suporte à integração de React Native Live
Dúvidas sobre integração
Obtenha ajuda para configurar SDK de streaming ao vivo para React Native.
Ver a documentação para desenvolvedoresConverse sobre seu aplicativo
Converse sobre seu produto, uso esperado e necessidades de integração.
Entre em contato com a equipe de vendasLeve o streaming ao vivo ao seu aplicativo React Native
Conecte criadores e públicos com o React Native Live Streaming SDK e seus guias de plataforma.

