De tu primera escena a un directo en equipo.

Qué es ModLiveControl

ModLiveControl es un panel web para preparar y manejar lo que aparece en tu directo. Tú y tu equipo podéis colocar imágenes, vídeos, sonidos, textos y widgets en un lienzo compartido. OBS muestra el resultado mediante una fuente Navegador. Tus moderadores trabajan desde su navegador, sin entrar a tu escritorio.

El dashboard reúne tus paneles. El panel de control es el editor de cada overlay. El enlace OBS muestra la salida destinada al directo. Son tres vistas distintas: comparte el enlace de edición con tu equipo autorizado y utiliza el de salida en tu programa de streaming.

Puedes usar las herramientas del panel o instalar diseños de Comunidad. Para crear algo propio, su editor permite trabajar con HTML, CSS, JavaScript, datos y campos configurables. Esta guía distingue las funciones del panel de las opciones que dependen del navegador o de servicios externos.

Tu primer overlay

1. Inicia sesión y abre el dashboard. Vincula la cuenta del canal que quieras utilizar. Pulsa Nuevo overlay, pon un nombre reconocible y elige el canal y la resolución. Un nombre como «Directo principal» ayuda a distinguirlo de las pruebas.

2. Abre Control en la tarjeta de ese overlay. Añade un texto o una imagen y colócalo dentro del lienzo. Selecciona el elemento para ver sus propiedades. Antes de cargar muchos recursos, comprueba este recorrido con una escena sencilla.

3. Copia su enlace OBS y añádelo como fuente Navegador. Usa el ancho y alto indicados para ese overlay. Comprueba que ves el mismo elemento. Después invita a un moderador y verifica que sus cambios llegan a la salida correcta.

Cuenta, canales y dashboard

Tu cuenta de ModLiveControl identifica quién tiene acceso. Las cuentas de Twitch o Kick vinculadas identifican los canales y conexiones que usas. Iniciar sesión no concede por sí solo todos los permisos de recompensas de una plataforma: esa conexión se autoriza desde la herramienta correspondiente.

Mis overlays muestra tus paneles y la pestaña de invitados reúne los disponibles como colaborador. El personal autorizado puede ver una pestaña adicional. Cada tarjeta abre su propio panel. Ajustes permite cambiar el nombre visible, el idioma y las cuentas vinculadas. Comunidad se abre dentro del panel de control.

Los límites de espacio y de overlays se consultan en tu suscripción. Antes de borrar una cuenta, revisa por separado cualquier suscripción externa activa. Eliminar un perfil, desvincular un canal y cancelar una suscripción son acciones diferentes.

Conectar con OBS

En OBS, ve a Fuentes, pulsa + y elige Navegador. Pega el enlace de salida del overlay, no la dirección del panel de control. Ajusta el ancho y alto a la resolución del panel. Puedes poner esta fuente encima del juego o la cámara; el orden en OBS también determina qué queda delante.

No confundas las dimensiones de la fuente Navegador con el tamaño con el que la colocas en una escena. Si el lienzo es 1920 × 1080, crear la fuente con otra resolución puede recortar el resultado. Los enlaces independientes de herramientas pueden tener sus propias dimensiones: utiliza las que indique esa herramienta.

Para gestionar el sonido desde OBS, revisa la opción de controlar el audio mediante OBS y el mezclador. La monitorización determina lo que tú oyes; la salida determina lo que se transmite. Evita capturar dos veces el mismo sonido mediante el escritorio y la fuente.

Lienzo y propiedades

El lienzo representa la zona de proyección. Selecciona un elemento para moverlo y ver sus propiedades. Los controles cambian según su tipo: un texto tiene opciones diferentes a un audio, una imagen o una cámara remota. Si no ves propiedades, confirma primero qué capa tienes seleccionada.

Ajustar vista centra el área de trabajo. El zoom de vista previa sirve para editar con comodidad; no cambia por sí mismo el tamaño de la fuente en la emisión. Para cambiar lo que ve el público, modifica el tamaño o la posición del elemento.

Mover vista desplaza el espacio de trabajo incluso con el puntero encima de un elemento. Vuelve a Seleccionar para manipular una capa. Trabaja con nombres claros para reconocer elementos transparentes o que todavía no tienen contenido.

Escenas, capas y candados

Usa escenas para separar momentos del directo: espera, juego y despedida, por ejemplo. Las capas organizan los elementos de cada escena. Un elemento detrás de otro puede funcionar aunque no lo veas: comprueba el orden antes de crear una copia.

El ojo controla la visibilidad. El candado protege frente a cambios accidentales. Ocultar, bloquear, quitar del lienzo y borrar de la biblioteca son acciones distintas. Una imagen oculta puede seguir en la escena y un archivo puede usarse en varias escenas.

Antes de limpiar una escena, elige si deseas conservar lo anclado o incluirlo en el borrado. Revisa esa opción cada vez que cambies el alcance de una limpieza. El candado no sustituye una copia de seguridad de tus archivos.

Atajos y recorte

Arrastra las esquinas para mantener la proporción. Mantén Shift para redimensionar libremente y Alt para recortar. Ctrl desactiva el ajuste durante la manipulación. Espacio o el botón central del ratón permiten mover la vista. Estos atajos están pensados para un equipo con teclado y ratón.

Supr elimina los elementos seleccionados; al escribir en un campo, las teclas deben actuar sobre ese campo. Comprueba la selección antes de borrar. Para ocultar información de una captura, prepara el recorte y verifica la salida real antes de mostrarla al público: acercar la vista del editor no modifica la captura.

Acceso de moderadores

Abre Accesos y añade la cuenta de Twitch o Kick del moderador. Comparte el enlace del panel de control. La persona debe identificarse con la cuenta autorizada; tener el enlace no sustituye el permiso de edición. Comprueba plataforma y nombre de cuenta si no aparece el acceso.

Varios colaboradores pueden trabajar en el mismo panel. Acordad quién controla escenas, sonido y recursos para no modificar el mismo elemento en direcciones opuestas. Los cambios se reciben mediante la conexión del panel; una sesión expirada o un permiso retirado puede impedir guardar.

Para revocar acceso, elimina la cuenta en Accesos y confirma. No hace falta compartir tu contraseña ni borrar la cuenta de esa persona. Si aparece un error de permisos, comprueba autorización y sesión antes de repetir la misma operación muchas veces.

Imágenes, GIFs, vídeos y textos

Subir archivo añade recursos para colocarlos en el lienzo. Las imágenes y los GIFs sirven para rótulos, reacciones y elementos visuales. Los textos permiten preparar mensajes sin crear una imagen. Ajusta tamaño, posición y orden con el editor y comprueba la legibilidad a la resolución de emisión.

La extensión no garantiza que un vídeo se reproduzca. Un MKV puede contener distintos códecs: aceptar su subida no significa que todos los navegadores y OBS puedan decodificarlo. Prueba un fragmento antes del directo y conserva el original por si necesitas convertirlo.

Si un recurso no aparece, comprueba que terminó la subida, que su capa está visible y que está dentro del lienzo. Un error 403 al subir indica un rechazo de acceso; cambiar simplemente la extensión del archivo no corrige ese permiso.

Biblioteca y limpieza

Quitar un recurso del lienzo no siempre lo elimina de la biblioteca: puedes volver a usarlo sin subirlo otra vez. Un archivo puede aparecer en varias escenas. Revisa sus usos antes de borrarlo definitivamente y conserva por separado los originales que no quieras perder.

Los recursos no utilizados pueden entrar en limpieza tras 24 horas, según sus marcas de uso y conservación. Mantener un recurso y bloquear una capa son mecanismos diferentes. La comprobación depende del proceso de limpieza disponible; no asumas que se ejecuta con todas las páginas cerradas.

Purgar biblioteca es más amplio que limpiar el lienzo. Revisa si conservarás lo anclado. El borrado físico en uploads depende de la respuesta del servidor: un fallo no debe anunciarse como eliminación completa. Eliminar un overlay desde el dashboard tiene un proceso diferente; esta guía no modifica la limpieza del hosting.

Dibujos y grabaciones

Dibujar abre las herramientas de trazo. Prepara tu dibujo, revisa su tamaño y guárdalo como recurso. Pon un nombre que permita distinguirlo de versiones anteriores o de dibujos hechos por otros moderadores. Abrir el menú no significa que el dibujo ya esté guardado.

Grabar voz utiliza el micrófono autorizado por el navegador. Inicia la captura, detén la grabación y espera el guardado antes de cerrar. Una grabación que no ha terminado de subir no está lista para otros colaboradores. Prueba el recurso guardado, no solo lo que oyes mientras grabas.

Sonido y volumen maestro

Los controles del elemento gestionan reproducción y ajustes de voz cuando están disponibles. El volumen maestro es el control general del panel. Comprueba también el volumen de la fuente en OBS: bajar el panel no resuelve una ruta de sonido duplicada en el mezclador.

Si ves 0:00 o una duración inválida, comprueba que el archivo carga completo. No demuestra que el micrófono esté roto. Si solo una persona escucha, compara la salida OBS, la monitorización local y los permisos de reproducción. Usa auriculares al diagnosticar para evitar realimentación.

Iniciar una fuente remota

Una Fuente remota recibe cámara o pantalla de otro dispositivo. Añadirla solo crea el lugar donde aparecerá la imagen: todavía debes abrir la vista previa, elegir dispositivo y empezar la transmisión. Crear la fuente y enviar contenido son pasos distintos.

1. Elige cámara o pantalla. 2. Autoriza la captura o selecciona una ventana o pestaña. 3. Revisa la imagen. 4. Pulsa Iniciar transmisión. 5. Comprueba la capa en el panel y la salida en OBS. Mantén abierta la página del dispositivo que envía.

Cerrar la vista previa y detener el envío son acciones distintas. Usa Detener para terminar. El enlace OBS propio de la fuente sirve para mostrarla por separado; compruébalo si no quieres depender de su colocación dentro del lienzo general. Pon nombres distintos si utilizas varias cámaras.

Cámara móvil y orientación

Abre el panel en el teléfono y utiliza una fuente de cámara. Autoriza cámara y, si corresponde, micrófono. Selecciona una cámara disponible o usa Girar cámara. El zoom físico y las lentes adicionales dependen de lo que el dispositivo exponga al navegador.

Al pasar entre vertical y horizontal, revisa el encuadre. Mantener la proporción puede dejar espacio libre; rellenar puede recortar bordes. El zoom de cámara cambia el encuadre, mientras que el del editor acerca la vista de trabajo. Si pierdes fluidez, baja resolución o FPS y revisa la conexión de subida.

No abras varias capturas de la misma cámara mientras diagnosticas un dispositivo ocupado. Cambiar de aplicación o bloquear el teléfono puede interrumpir la captura. Prueba durante unos minutos con la combinación de dispositivos que realmente utilizarás en directo.

Pantalla compartida y su audio

El navegador ofrece la selección de pantalla. Elige entre pantalla completa, ventana o pestaña: no muestran lo mismo. Para incluir sonido, activa la opción disponible en el selector. Solicitar audio en el panel no obliga al navegador a ofrecer audio de sistema.

Al compartir una pestaña compatible, revisa su casilla de audio. Algunas combinaciones de sistema operativo, navegador y captura no permiten ese sonido. Compartir pantalla desde el teléfono depende de compatibilidad real; que funcione su cámara no garantiza captura de pantalla.

Configura el recorte y verifica lo que recibe OBS antes de emitir. Si el inicio falla con audio, anota el mensaje exacto y prueba la misma selección sin sonido para separar ambos problemas. Esta prueba ayuda al diagnóstico, pero no habilita una función no compatible.

Chat, filtros e insignias

Añade el widget de chat y configura el canal que debe leer. Ajusta tipografía, colores y posición pensando en la resolución final. Un texto legible en el editor ampliado puede ser pequeño cuando el público lo ve desde un teléfono.

Usuarios ignorados excluye cuentas. Los filtros de inclusión permiten dedicar un chat a determinadas personas o roles disponibles, como moderadores o VIP. Decide si mostrarás a todos, excluirás algunos o permitirás solo un grupo. Un filtro demasiado estricto puede dejar el chat vacío.

Avatares, insignias y emotes dependen de datos del proveedor y servicios conectados. Si llega el texto pero falta una insignia, comprueba esa carga por separado. No confundas el chat de la vista previa del stream con el widget instalado en el lienzo; prueba la salida OBS del widget.

Ruleta, encuestas y contadores

La ruleta permite preparar opciones y mostrar una elección. Revisa los textos antes de girarla y prueba su sonido junto al volumen maestro. Las encuestas sirven para plantear opciones a la audiencia; configura las condiciones disponibles antes de abrir la participación.

Relojes, temporizadores y contadores muestran información sin crear un vídeo aparte. Selecciona el tipo de widget, configura sus propiedades y colócalo en una zona legible. Distingue un contador manual, que cambias tú, de una herramienta conectada a eventos del chat.

Canjes de vídeo

Conecta el canal con los permisos de recompensas que solicite la herramienta. Revisa qué cuenta aparece conectada antes de crear o editar una recompensa: debe ser el canal que autorizó esa conexión. Preparar un overlay para un canal no sustituye esa autorización.

Configura título, coste, instrucciones y duración máxima. Cuando está disponible, el tiempo de espera de Twitch se aplica a la recompensa del canal. Revisa las plataformas permitidas por recompensa para restringir el contenido aceptado. Usa Prueba antes de ofrecerla al público y verifica vídeo, sonido y estado.

La aceptación automática evita una aprobación manual cuando está configurada; no evita restricciones del proveedor. Si cancelas o falla la reproducción, comprueba el reembolso. Devolver puntos requiere que el proveedor acepte la cancelación del canje; ocultar el reproductor no basta.

Chatbot ModLiveControl

El bot escribe desde la cuenta ModLiveControl en tu chat de Twitch. El streamer autoriza su canal desde el dashboard; esos permisos se reutilizan en su panel. Los moderadores que usan comandos no necesitan autorizar sus propios canales. La cuenta oficial del bot se conecta una vez por el administrador de la web.

Abre Chatbot → Configuración para activar el bot, cambiar el idioma de sus respuestas, elegir prefijo y dar moderación a ModLiveControl. El idioma del bot es independiente del idioma de la interfaz. Si añades permisos nuevos, Administración indica que hay que reconectar la cuenta oficial. No hace falta crear otra aplicación de Twitch.

Comandos muestra 165 comandos incluidos, sus alias, uso, permisos y cooldown. La lista se amplía automáticamente al bajar. Busca por nombre, alias o función; abre el lápiz para editar. Un interruptor activa o desactiva el comando. La página pública /commands/nombre-del-canal refleja los ajustes guardados y los disparadores reales.

Moderadores y supermods pueden usar los comandos de moderación. Disable, enable, part y cambio de prefijo están reservados al streamer. El dueño verificado de ModLiveControl dispone de comandos globales desde su ID personal vinculado. No se concede ese acceso por nombre, ni por ser staff o dueño de otro canal.

Crear comandos y alias

Crear comando permite definir nombre, hasta 15 alias, respuesta, acceso, cooldown general y por usuario, y disponibilidad solo en directo, solo offline o siempre. Hasta 100 comandos personalizados por panel, con respuestas de hasta 400 caracteres antes de sustituir variables. Las respuestas finales se limitan a 450 caracteres.

Elige Seguir el prefijo del canal, Usar prefijo propio o Sin prefijo. Si el prefijo general es ¿, un comando propio ?hola responde solo a ?hola. Un comando sin prefijo responde a hola como primera palabra completa. Cambiar el prefijo general no modifica los prefijos propios. Los alias comparten el modo de prefijo, permisos y cooldown de su comando.

Desde el chat: ¿addcom hola Hola {user} crea hola sin prefijo. ¿addcom ?saludo Hola {user} crea ?saludo con prefijo fijo. ¿editcom hola Nueva respuesta conserva sus ajustes. ¿delcom hola elimina el personalizado. ¿aliascom hola bienvenida añade un alias sin prefijo; ¿unaliascom hola bienvenida lo retira. Esos comandos requieren moderación y respetan el permiso del comando editado.

También puedes editar los alias y prefijos de los comandos incluidos. Los nombres que coincidan con otro disparador se rechazan antes de guardar. Los comandos propios no reciben emotes añadidos automáticamente. Los campos permiten escribir espacios normalmente y el panel avisa cuando guarda, termina o encuentra un error.

Clip y shoutout aceptan una respuesta personalizada. En clip usa {clip}, {clipid} o {url}; por ejemplo: ¡Saca clip! {clip}. En shoutout usa {target} y {url}. Deja la respuesta vacía para conservar la original. Editar el mensaje no elimina la acción real de crear el clip o enviar el shoutout.

Variables de respuestas

Hay 83 variables en Variables y ayuda. Puedes copiarlas o insertarlas desde el editor. {user}, {args}, {arg1}…{arg9}, {title}, {game}, {count} y {randomchatter} permiten crear respuestas distintas con la misma plantilla. También se reconoce la sintaxis simple $(user); no se ejecuta JavaScript, eval ni consultas a direcciones arbitrarias.

Solo se consultan los datos externos que necesita la respuesta. Título y directo se guardan en caché 30 segundos; seguidores y suscripciones, 2 minutos. {count} aumenta una vez por ejecución aunque aparezca varias veces. Las fechas usan UTC. La actividad y los contadores locales solo abarcan lo registrado por ModLiveControl; no se presentan como un historial completo de Twitch.

Historial, actividad y emotes

RL / randomline, firstseen, lastseen, countline y countlinechannel consultan Zonian por defecto. Puedes elegir IVR o una muestra local desde Configuración. No se descarga el archivo completo del proveedor. Un /clear de Twitch limpia la ventana de chat y ya no invalida todo el archivo histórico.

Optout sigue excluyendo al usuario; un borrado individual observado impide reenviar esa frase. Si una selección aleatoria no está disponible, se intenta hasta tres veces. Los proveedores pueden no cubrir un canal, fallar o conservar mensajes borrados antes de la conexión del bot. Se informa del fallo; no se inventa un historial.

AFK, brb, food, sleep, work, study, shower, lurk, gaming, coding y exercise guardan motivo y tiempo. Tu siguiente mensaje termina la ausencia. Rafk recupera el estado y su hora original durante los diez minutos siguientes al regreso; back vuelve manualmente. Status consulta el estado.

7tv, bttv, ffz y esearch buscan emotes por nombre. Emotecount cuenta los del canal por proveedor. Allemotes y 7tvemotes/bttvemotes/ffzemotes los separan en mensajes de hasta 480 caracteres, sin partir nombres. Las listas esperan turno con los límites de Twitch; no se envían todas simultáneamente. Una lista pendiente por canal, máximo 250 mensajes o 128 KiB, y caché de consulta de diez minutos. Si un proveedor falla se indica cuál.

Los comandos de listas de emotes pueden activarse o desactivarse. Spam repite texto de 1 a 5 veces; fill repite texto dentro de un solo mensaje. Ambos requieren moderación y tienen cinco minutos de cooldown por defecto. No ejecutan comandos en cadena. Los límites de Twitch siguen vigentes aunque el dueño omita los cooldowns locales.

Moderación, juegos y herramientas

Clear borra el chat con la identidad de ModLiveControl. So / shoutout usa el shoutout oficial de Twitch y comparte el canal; si Twitch lo rechaza, muestra el enlace y el motivo. El bot necesita moderación y los permisos correspondientes. Twitch exige que el emisor esté en directo con espectadores y mantiene límites propios de shoutout.

Title y game consultan los valores actuales sin argumentos; con texto permiten a mods y supermods cambiarlos. Settitle y setgame siguen disponibles. La búsqueda de categoría compara nombres ignorando puntuación, por ejemplo Project P.I.T.T. Entre coincidencias similares utiliza la audiencia en directo consultada; también admite un ID exacto.

Vanish solicita un timeout de un segundo para quien lo usa; explica por qué no puede aplicarlo a un moderador o streamer. Slow, followersmode, emoteonly, subonly y uniquechat cambian modos del chat como ModLiveControl, con comandos correspondientes para desactivarlos. Announce publica un anuncio oficial.

Tacos puede sumar, restar o no cambiar el saldo, sin dejarlo negativo. Gamble acepta una cantidad, porcentaje o all: 25 % de ganar y 75 % de perder. Cooldownreset cuesta 7 tacos para volver a usar tacos, y puede comprarse una vez cada 30 minutos. Si ya podías usar tacos, no cobra. Los tacos son puntos internos sin valor monetario.

Dictionary consulta definiciones; epicgames abre una búsqueda de la tienda; randomnumber elige dentro de un intervalo; countdown calcula tiempo hasta una fecha. Lower, upper, length, reverse, countwords y urlencode ayudan con texto. Followage y accountage muestran años, meses, semanas, días, horas, minutos y segundos según la duración.

Avisos y gestión de canjes

Los mensajes de vídeos se editan únicamente en Canjes de vídeos → Avisos del bot. Puedes cambiar idioma y texto para recibido, cooldown, disponible y devolución. Los avisos de recibido y disponible vienen apagados para nuevas configuraciones; se conserva la elección de canales existentes.

Los avisos identifican la recompensa por nombre. Si se cancela por cooldown, la devolución indica el motivo y el tiempo restante con unidades legibles. Videos también muestra la disponibilidad por recompensa. Las plantillas admiten {user}, {reward}, {duration}, {seconds} y {reason}.

En Configuración de canjes, Completar automáticamente viene activado. Si lo desactivas, un vídeo reproducido correctamente queda pendiente en Twitch/Kick para que el streamer pueda completar o devolver puntos allí. El vídeo no se reproduce de nuevo porque siga pendiente. Los fallos y cancelaciones siempre solicitan devolución. Cambiar esta opción no modifica canjes ya finalizados.

Se conservan como máximo 500 reproducciones pendientes de decisión manual; al alcanzar ese límite los canjes nuevos se cancelan con devolución hasta resolver los anteriores. El servidor comprueba cinco decisiones manuales por minuto. El canal offline puede cancelar y devolver puntos o esperar, según tu elección; no se exige un moderador conectado para reproducir en OBS.

Gemini, administración y datos

Ask necesita una clave de Gemini. Crea chatbot-integrations.php junto a staff-config.php, fuera de public_html, o dentro de la carpeta configurada como private_dir. Debe devolver un array PHP con gemini → enabled: true y api_key. Elimina la extensión .example. Si existen las dos ubicaciones, tiene prioridad private_dir. Administración muestra dónde se encontró y si falta activarlo, la clave o corregir el archivo.

Ask envía solo la pregunta a Google. No envía tu historial, claves de Twitch ni datos de cuentas. Por defecto permite 100 consultas diarias globales, 20 por canal, una por usuario por minuto y una global cada 12 segundos. Google aplica sus propias cuotas; el nivel gratuito y los modelos disponibles dependen del proyecto. No hay cambio automático a un modelo de pago.

Administración permite vincular el ID personal del dueño, conectar ModLiveControl y reactivar el bot. Stop pausa respuestas globales; restart reactiva y renueva conexiones. Load, unload y reload controlan comandos ya instalados. No descargan código ni reinician el servidor del hosting. El dueño puede activar o desactivar saltarse los cooldowns de comandos; cuotas de IA, mensajes y servicios externos siguen aplicándose.

Los datos están fuera de public_html, en private_dir/chatbot/. Cada panel tiene un archivo ID_DEL_PANEL.json. customCommands guarda respuestas y sus opciones; commandSettings guarda cambios de comandos incluidos, alias, prefijos y cooldowns. Las escrituras usan bloqueo y sustitución atómica. Son datos JSON, no bloques de código PHP.

El mismo archivo contiene estado operativo y estadísticas. Para reiniciar solo comandos, conserva una copia y elimina únicamente customCommands, commandSettings y commandUses; hacerlo mientras el bot está pausado evita escrituras simultáneas. No borres _official.json si quieres conservar la conexión oficial. Watchtime usa archivos separados y los canjes están en private_dir/video-rewards/.

Enlaces y tiempos de inicio

YouTube puede incluir un tiempo de inicio. t=350 solicita comenzar en el segundo 350: 5 minutos y 50 segundos. La duración máxima limita el fragmento. No elimines ese parámetro como si fuera publicidad; forma parte de lo que el espectador quiere reproducir.

En TikTok, la ruta y el número identifican la publicación. Los enlaces cortos del proveedor necesitan resolverse antes de validarse. Quitar seguimiento debe conservar esa identidad. Un enlace limpio sigue sujeto a disponibilidad y compatibilidad. No todos los formatos de publicación se comportan como un vídeo.

El contenido privado, eliminado, restringido por edad o sin permiso de inserción puede no reproducirse. Los controles y marcas de un reproductor externo dependen de sus opciones oficiales. Esta guía no promete descargar vídeos, saltar restricciones ni ocultar cualquier interfaz del proveedor.

Explorar e instalar Comunidad

Comunidad está dentro del panel de control. Explora widgets y overlays compartidos, busca por nombre y filtra por categoría. El catálogo carga por partes para que explorar muchos diseños no implique ejecutar todos sus widgets en tu equipo.

Abre una publicación y revisa descripción, versión e imágenes. Usa la vista previa antes de añadir al lienzo. Después ajusta sus campos configurables y comprueba la salida del panel. Una imagen de presentación no es una prueba de funcionamiento; utiliza el diseño con tus propios valores.

La valoración permite opinar sin comentarios públicos: una cuenta mantiene un voto y puede cambiarlo. Las opciones de orden y destacados ayudan a descubrir diseños. Los recuentos de uso no sustituyen revisar si el widget encaja con tu resolución y necesidades.

Crear widgets: HTML, CSS y JavaScript

Abre el editor de Comunidad y empieza vacío o con un ejemplo. HTML define la estructura, CSS la presentación y JavaScript el comportamiento. Empieza con un texto visible y un estilo sencillo: es más fácil detectar errores antes de añadir animaciones y eventos.

Prueba dentro del panel. Si usas eventos, utiliza las pruebas disponibles del editor. No publiques solo porque no aparezca un error: comprueba que hay contenido, que responde a los ajustes y que cabe en el tamaño elegido. Prueba también una entrada vacía y textos largos.

El widget se ejecuta aislado del panel. Utiliza la interfaz admitida por el editor; no presupongas acceso a cuentas, claves o al documento principal. Evita bucles sin pausa, descargas innecesarias y recursos grandes. Un diseño ligero es más fácil de usar junto a un juego y OBS.

Datos, campos e idiomas

Los datos guardan valores y los campos describen qué puede personalizar quien instala el diseño. Expón un título y un color, por ejemplo, en vez de obligar a editar CSS. Usa nombres claros y valores iniciales que permitan ver algo al probar.

Valida los bloques con el formato esperado por el editor. JSON no admite comentarios ni comas finales. Cambia un campo cada vez y comprueba que el widget usa el valor: mostrar un ajuste no hace que el código lo aplique automáticamente.

El idioma del panel y el contenido de tu diseño son distintos. Añade las variantes necesarias y revisa títulos, botones y ejemplos en cada una. No mezcles idiomas dentro de una etiqueta. Cambiar idioma debe conservar los valores elegidos por el usuario.

Publicar, revisar y actualizar

Prepara título, categoría, descripción, versión e imágenes. Explica qué hace el diseño, qué se debe configurar y qué servicios necesita. Elige Otro si no encaja en las categorías disponibles. El enlace a tu canal es opcional. Las imágenes deben representar la versión que estás enviando.

Envía a revisión y consulta el estado desde tus publicaciones. El personal puede aceptar o rechazar un envío; enviarlo no lo convierte automáticamente en una recomendación pública. Antes de actualizar, cambia la versión, explica las diferencias y prueba los valores iniciales y personalizados.

Conserva una copia del código antes de cambios importantes. Revisa las opciones antes de sustituir o retirar una versión que otras personas usan. La revisión de una publicación no sustituye probarla en distintas resoluciones ni elimina las limitaciones de servicios externos.

Producción y marcadores

Producción reúne herramientas para organizar el directo, incluidos marcadores. Marca momentos que quieras localizar después y añade contexto para que otro moderador sepa qué ocurrió. Un marcador es una referencia del momento; no es un vídeo ni una grabación del directo.

Comprueba la lista antes de limpiarla. Si varias personas llevan producción, acordad nombres para evitar duplicados. La vista previa del stream permite seguir la emisión mientras editas. Ciérrala cuando no la necesites para evitar reproducción adicional y liberar espacio de trabajo.

Usar el panel desde el móvil

La navegación móvil separa lienzo, herramientas, escenas y capas, y propiedades. Selecciona una capa y abre Propiedades para editar sin ver todas las columnas de escritorio a la vez. Usa horizontal si necesitas más espacio para revisar una cámara.

El teclado puede tapar el lienzo. Ciérralo antes de comprobar el encuadre final y usa Ajustar vista para recuperar el centro. Las funciones de captura dependen del navegador. Para operaciones que necesiten Alt o Ctrl, utiliza los controles disponibles o un equipo con teclado.

Preparar un directo ligero

Usa los recursos que realmente necesitas. Una biblioteca grande no debe implicar reproducir todos sus vídeos. Revisa fuentes duplicadas, cámaras abiertas en varias pestañas, GIFs grandes y previsualizaciones que no utilizas. Empieza con una escena sencilla para tener una referencia de rendimiento.

Si la subida de red es limitada, baja calidad o FPS de la cámara antes de añadir más espectadores. En widgets propios, cancela temporizadores y escuchas innecesarios. Prueba control, OBS y dispositivos remotos juntos: una prueba solo en navegador no verifica la salida OBS.

Resolver fallos y pedir ayuda

No puedo guardar: comprueba panel y cuenta autorizada. Si aparece permission_denied, conserva la ruta del error y la acción que estabas haciendo. Repetir un arrastre no recupera permisos y puede llenar la consola con el mismo fallo.

Fuente remota vacía: comprueba si el emisor inició la transmisión y si existe la sesión. Después revisa conexión y pistas recibidas. Un fallo anterior a la conexión no se resuelve cambiando tamaño o volumen. Si un recurso está detrás de otro, revisa primero sus capas.

Al pedir ayuda indica navegador, dispositivo, pasos, resultado esperado y mensaje exacto. Una captura del estado es más útil que una lista enorme de errores de extensiones. No incluyas contraseñas, claves privadas ni tokens de sesión. Guarda los originales de tus recursos antes de operaciones de limpieza.