RECURSOS DE REACT LIVE
Recursos de visualização de vídeo ao vivo para React
Assistir ao vivo
- Componentes de vídeo ao vivo
- Entrada e saída da sala
Participe da conversa
- Comentários do público
- Componentes de lista de espectadores
Saiba mais
- Lista de salas ao vivo
- Navegação do seu aplicativo
Explore os componentes de transmissão ao vivo para React
Combine a visualização do vídeo, os comentários do público e a descoberta de salas no layout dos seus componentes React.
Coloque o momento ao vivo em primeiro plano
Incorpore o componente de vídeo ao vivo no seu layout React e ligue-o a uma transmissão existente. Esta integração fornece a experiência de visualização ao público.
import { LiveView } from 'tuikit-atomicx-react';
export function VideoPanel() {
return <LiveView />;
}Promova a participação do público
Posicione os comentários do público ao lado da exibição de vídeo ao vivo em React. Mantenha a conversa e o vídeo conectados à mesma sala ao vivo.
import { BarrageList, BarrageInput } from 'tuikit-atomicx-react';
export function Comments() {
return <><BarrageList /><BarrageInput /></>;
}PERSONALIZAÇÃO
Personalize seu React 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.
COMECE AGORA
Adicione transmissão ao vivo à sua aplicação React
- 01
- 02
- 03
npm install tuikit-atomicx-react \
@tencentcloud/uikit-base-component-reactimport { useLoginState } from 'tuikit-atomicx-react';
const { login } = useLoginState();
await login({ SDKAppID, userID, userSig });Perguntas frequentes sobre UI Kit de streaming ao vivo para React
Posso criar uma página de transmissão para o host em React?
O React Live Streaming UI Kit atualmente oferece suporte à visualização pelo público e a listas de salas ao vivo. A transmissão pelo apresentador em React está marcada como disponível em breve; use a implementação para apresentador em Vue quando precisar de uma interface de transmissão web já disponível.
Como este UI Kit funciona com o SDK?
Como conectar um visualizador ao vivo em React a uma transmissão?
Como autentico os usuários do React Live Streaming UI Kit?
O UI Kit de transmissão ao vivo para React é gratuito?
Como integro UI Kit de transmissão em direto React com React?
Como testo UI Kit de transmissão em direto React antes de lançar a minha aplicação?
Como personalizo a interface de UI Kit de transmissão em direto React?
Envolva os componentes React do espectador em UIKitProvider para selecionar um tema claro ou escuro. Por exemplo, renderize LiveList com columnCount={5} e um handler onLiveRoomClick que abra sua rota do espectador. O handler precisa conectar a sala selecionada ao fluxo de visualização; alterar apenas as colunas da lista não entra em uma transmissão. A integração React desta página cria a experiência de visualização do público, enquanto a transmissão é feita por uma integração separada para o apresentador.