CREADO PARA ELECTRON

UI Kit de streaming en directo para Electron

Crea un estudio de transmisión de escritorio con el Electron Live Streaming UI Kit de Tencent RTC. Organiza las fuentes de cámara, pantalla e imagen, previsualiza el diseño e inicia la transmisión.

RECURSOS PARA DESARROLLADORES

Documentación y ejemplos de UI Kit de streaming en directo para Electron

Produce eventos en directo con Electron

Combina fuentes de cámara y pantalla en una vista previa de escritorio. Prepara el diseño de la presentación en vivo antes de iniciar la transmisión.

Conecta tu estudio con la audiencia Web

Combina el estudio de emisión para escritorio con una implementación para la audiencia. Mantén los controles de producción en el escritorio y los controles de visualización en la aplicación de la audiencia.

CAPACIDADES DE ELECTRON LIVE

Funciones de transmisión en directo con Electron

Crea el escenario

  • Fuentes de cámara y pantalla
  • Entradas de imagen y ventana

Prepara el programa

  • Previsualiza antes de transmitir
  • Organice los diseños de las fuentes

Iniciar directo

  • Flujo de producción para escritorio
  • Conecta un cliente para la audiencia

Explore Electron Live Studio

Prepara una emisión desde el escritorio con fuentes multimedia, diseños de escena y una vista previa antes de transmitir en directo.

Proyecto Studio

Empieza con el estudio oficial

Use el ejemplo de Electron como base para un flujo de trabajo de transmisión en equipos de escritorio.

Leer la documentación
Terminal
git clone https://github.com/Tencent-RTC/ultra-live-electron.git

PERSONALIZACIÓN

Personaliza tu estudio de emisión en Electron

Organiza las fuentes de cámara, pantalla e imagen en el diseño de escritorio que necesita tu emisión.

Tu identidad visual

Ajusta la presentación visual con las opciones de personalización disponibles en tu plataforma.

Leer la documentación

COMENZAR

Crea tu estudio de streaming en vivo con Electron

  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 UI Kit de streaming en directo para Electron

    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

    Configura el ejemplo, añade una fuente y previsualiza tu emisión.

    Configura la autenticación
Electron Live UI Kit
Terminal
git clone https://github.com/Tencent-RTC/ultra-live-electron.git
Terminal
cd ultra-live-electron
npm install
npm run start

Preguntas frecuentes sobre UI Kit de streaming en directo para Electron

¿Electron Live Streaming UI Kit es una aplicación para espectadores o un estudio de transmisión?

Electron Live Streaming UI Kit es un estudio de transmisión para escritorio con varias fuentes multimedia y controles de diseño. Combínalo con una implementación para el público a fin de ver la transmisión en vivo resultante.

¿Qué necesito antes de probar la interfaz?

Activa el servicio Live e inicia sesión con un UserSig válido. Completa la guía de la plataforma, incluidos los permisos nativos o los requisitos de HTTPS del navegador, y prueba con cuentas separadas de anfitrión y audiencia.

¿Cómo se autentica a los usuarios de Electron Live Streaming UI Kit?

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 usar Electron Live Streaming UI Kit 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 UI Kit de transmisión en directo Electron con Electron?

Sigue requisitos del paquete de escritorio y dependencias nativas. Prueba acceso a dispositivos, cambios de ventana y liberación de recursos en la app empaquetada.

¿Cómo pruebo UI Kit de transmisión en directo Electron 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 UI Kit de transmisión en directo Electron?

Personaliza el código fuente del estudio de escritorio ultra-live-electron y la distribución de sus fuentes multimedia. Por ejemplo, coloca una captura de pantalla detrás de una vista de cámara más pequeña y después mueve, redimensiona, gira o reordena las fuentes con los controles del estudio. La demo documentada admite Windows 10 o posterior y solo ofrece emisión. Desarrolla o integra la experiencia del espectador por separado; las props de tema de los UI Kits de navegador de React o Vue no configuran este ejemplo de Electron.

Soporte de integración para Electron Live

Habla sobre tu aplicación

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

Contactar con Ventas

Crea tu estudio de emisión con Electron

Empieza con el proyecto Electron Live Streaming UI Kit y prepara tu primera emisión.