CAPACIDADES DE REACT LIVE
Funciones de visualización de vídeo en directo para React
Ver en directo
- Componentes de vídeo en vivo
- Entrada y salida de la sala
Únete a la conversación
- Comentarios de la audiencia
- Componentes de lista de espectadores
Descubre más
- Lista de salas en vivo
- Navegación de tu aplicación
Explora los componentes de transmisión en vivo para React
Combina la vista de vídeo, los comentarios de la audiencia y el descubrimiento de salas en el diseño de tus componentes React.
Da prioridad al momento en vivo
Inserta el componente de vídeo en directo en tu diseño de React y conéctalo a una transmisión existente. Esta integración proporciona la experiencia de visualización para la audiencia.
import { LiveView } from 'tuikit-atomicx-react';
export function VideoPanel() {
return <LiveView />;
}Invita a la audiencia a participar
Coloca los comentarios de la audiencia junto a la vista de vídeo en vivo de React. Mantén la conversación y el vídeo conectados a la misma sala en vivo.
import { BarrageList, BarrageInput } from 'tuikit-atomicx-react';
export function Comments() {
return <><BarrageList /><BarrageInput /></>;
}PERSONALIZACIÓN
Personaliza tu React Live UI Kit
Organiza el vídeo, las interacciones con la audiencia y la navegación en torno a la experiencia en directo de tu aplicación React.
COMENZAR
Añade transmisión en directo a tu aplicación 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 });Preguntas frecuentes sobre UI Kit de streaming en directo para React
¿Puedo crear una página de transmisión para el anfitrión con React?
React Live Streaming UI Kit admite actualmente la visualización por parte de la audiencia y las listas de salas en directo. La transmisión del presentador con React está marcada como próximamente disponible; usa la implementación para presentadores con Vue si necesitas una interfaz de transmisión web que ya esté disponible.
¿Cómo se integra este UI Kit con el SDK?
¿Cómo conecto un visor en directo de React a una emisión?
¿Cómo autentico a los usuarios de React Live Streaming UI Kit?
¿El UI Kit de transmisión en directo para React es gratuito?
¿Cómo integro UI Kit de transmisión en directo React con React?
¿Cómo pruebo UI Kit de transmisión en directo React antes de publicar mi aplicación?
¿Cómo personalizo la interfaz de UI Kit de transmisión en directo React?
Envuelve los componentes de espectador de React en UIKitProvider para seleccionar un tema claro u oscuro. Por ejemplo, renderiza LiveList con columnCount={5} y un manejador onLiveRoomClick que abra tu ruta del espectador. El manejador debe conectar la sala seleccionada con el flujo de visualización; cambiar solo las columnas de la lista no permite entrar en una emisión. La integración de React de esta página crea la experiencia de visualización del público, mientras que la emisión se gestiona mediante una integración independiente para el presentador.