CREADO PARA WEB

SDK de streaming en directo para Web

Crea emisiones desde el navegador con el Web Live Streaming SDK for Vue 3 de Tencent RTC. Combina las API de sala y las vistas de vídeo de AtomicXCore con tu propia interfaz para presentadores y público.

RECURSOS PARA DESARROLLADORES

Documentación y ejemplos de SDK de streaming en directo para Web

Demostraciones de productos en directo en la Web

Permite que los espectadores sigan la demostración de producto de un creador y participen en la conversación. Tu aplicación gestiona el catálogo y la experiencia de compra.

Visualización de eventos en directo en la Web

Lleva una presentación y su audiencia a tu aplicación Web. Conecta la pantalla de visualización a la sala para que la gente pueda seguir el evento en vivo.

CAPACIDADES DE WEB LIVE

Funciones de streaming en vivo para Web

Iniciar directo

  • Roles de anfitrión y audiencia
  • Gestión del ciclo de vida de la sala

Une a las personas

  • Reproducción de vídeo en directo
  • Participación de la audiencia

Hazlo tuyo

  • Diseño flexible de la aplicación
  • Componentes específicos para cada plataforma

Explora las API de transmisión en directo para Web

Conecta las vistas de vídeo y el estado de la sala de AtomicXCore con las interfaces Web del anfitrión y la audiencia.

Lienzo de vídeo

Añade una vista de vídeo en directo para Web

Coloca la vista de video de AtomicXCore en tu diseño Web. Vincúlala al estado de la sala mientras tu aplicación proporciona los controles y la navegación circundantes.

Leer la documentación
LiveRoom.vue
<script setup>
import { StreamMixer } from "tuikit-atomicx-vue3";
</script>

<template><StreamMixer /></template>

PERSONALIZACIÓN

Personaliza tu interfaz Web Live

Organiza el vídeo, las interacciones de la audiencia y la navegación en torno a la experiencia en vivo de tu aplicación Web.

Tu diseño

Crea tu interfaz en torno al lienzo de video principal y el estado de la sala.

Leer la documentación

COMENZAR

Añade transmisión en directo a tu aplicación web

  1. 01

    Crea tu app

    Activa Live para la aplicación y los usuarios de prueba.

    Abrir la consola de Live
  2. 02

    Añade SDK de streaming en directo para Web

    Sigue la guía de la plataforma para conectar tu proyecto.

    Sigue la Guía de integración
  3. 03

    Conéctate a tu primera sala

    Usa una cuenta para transmitir y otra para ver.

    Configura la autenticación
Web Live SDK
Terminal
npm install tuikit-atomicx-vue3
LiveRoom.vue
import { useLoginState } from 'tuikit-atomicx-vue3';

const { login } = useLoginState();
await login({ sdkAppId: SDKAppID, userId: userID, userSig });

Preguntas frecuentes sobre SDK de streaming en directo para Web

¿Web Live Streaming SDK incluye una vista de video?

El Web Live Streaming SDK incluye vistas de video y APIs de estado de la sala de AtomicXCore. Tu aplicación proporciona las interfaces del presentador y de la audiencia en torno a esas vistas; elige TUILiveKit si necesitas pantallas listas para usar.

¿Cómo se integra este SDK con el UI Kit?

Use las API del SDK para crear su propia interfaz. Elija el UI Kit si desea pantallas y controles listos para usar.

¿Qué framework Web utiliza esta integración?

La guía enlazada del Core SDK utiliza tuikit-atomicx-vue3. Para ofrecer una experiencia de visualización prediseñada con React, utiliza React Live UI Kit.

¿Cómo autentico a los usuarios del Web Live Streaming SDK?

Cree un UserSig en su servidor y páselo al cliente después de completar su propio flujo de inicio de sesión. Mantenga siempre el secreto de la aplicación en el servidor.

¿Se puede utilizar Web Live Streaming SDK de forma gratuita?

La interfaz y el servicio Live alojado cumplen funciones distintas. Activa el servicio para tu aplicación y revisa el plan actual, la disponibilidad de las funciones y los cargos por uso.

¿Cómo integro SDK de transmisión en directo Web con una aplicación de navegador?

Sigue la configuración de navegador y los requisitos de entorno compatible. Prueba permisos usados, navegación y liberación de recursos en los navegadores reales que pretendes admitir.

¿Cómo pruebo SDK de transmisión en directo Web antes de publicar mi aplicación?

Prueba roles de anfitrión y espectador, eventos compatibles de emisión o reproducción y reconexión.

¿Cómo personalizo la interfaz de SDK de transmisión en directo Web?

Usa API compatibles de anfitrión y espectador con tu interfaz. La app gestiona comercio, entradas o derechos de reproducción.

Soporte de integración para Web Live

Habla sobre tu aplicación

Conversa sobre tu producto, el uso previsto y tus necesidades de integración.

Contactar con Ventas

Incorpora streaming en directo a tu aplicación Web

Conecta a creadores y audiencias con el Web Live Streaming SDK y sus guías para cada plataforma.