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
Guías de integración
Instala UI Kit de streaming en directo para Electron y conecta a tus usuarios.
Ejemplos y código fuente
Mira el producto en acción y descubre cómo se ha implementado.
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.
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óngit clone https://github.com/Tencent-RTC/ultra-live-electron.gitLleva el estudio a tu escritorio
Instala las dependencias del proyecto antes de configurar tu aplicación.
Leer la documentacióncd ultra-live-electron
npm installObtenga una vista previa antes de transmitir
Inicia la aplicación configurada, añade tus fuentes y elige un diseño.
Leer la documentaciónnpm run startPERSONALIZACIÓ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ónComentarios y contenido
Organiza las fuentes de cámara, pantalla, ventana e imagen para tu emisión.
Leer la documentaciónCOMENZAR
Crea tu estudio de streaming en vivo con Electron
- 01
- 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 - 03
Conéctate a tu primera sala
Configura el ejemplo, añade una fuente y previsualiza tu emisión.
Configura la autenticación
git clone https://github.com/Tencent-RTC/ultra-live-electron.gitcd ultra-live-electron
npm install
npm run startPreguntas 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
Preguntas sobre la integración
Obtén ayuda para configurar UI Kit de streaming en directo para Electron.
Ver la documentación para desarrolladoresHabla sobre tu aplicación
Conversa sobre tu producto, el uso previsto y tus necesidades de integración.
Contactar con VentasCrea tu estudio de emisión con Electron
Empieza con el proyecto Electron Live Streaming UI Kit y prepara tu primera emisión.

