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

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.

Canvas de vídeo

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

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

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ção

COMECE AGORA

Adicione streaming ao vivo à sua aplicação React Native

  1. 01

    Crie seu app

    Ative Live para a aplicação e os utilizadores de teste.

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

    Conecte-se à sua primeira sala

    Use uma conta para transmitir e outra para assistir.

    Configure a autenticação
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 });

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

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