Mixer es una plataforma cuya interacci贸n con la audiencia es su gran punto fuerte, Firebot es una de las herramientas m谩s usadas por los streamers de Mixer ya que, entre otras cosas, te permite personalizar su Mixplay desde esta herramienta.

Firebot es un bot gratuito que permite hacer las mismas funciones que todos los bots de streaming, comandos, moderaci贸n, chat y dem谩s funciones. Pero sin duda su punto fuerte es el incluir botones interactivos en Mixplay, para animar el directo con gifs, audios, im谩genes y dem谩s.聽

驴Qu茅 es Mixplay? Podr谩s encontrarlos en los canales que los tenga configurados justo debajo de su video y se activa haciendo click a la izquiera de “Habilidades”.

Para instalar Firebot debes de ir a su web https://crowbartools.com/tools/firebot

D谩ndole a “download now” podr谩s descargarlo en tu pc, recuerda darle acceso en tu firewall o antivirus si este se bloquea o incluso darle permisos de administrador.聽

Una vez instalado, inicia sesi贸n con tu cuenta de streamer de Mixer aprobando sus permisos.聽

Creaci贸n del proyecto Mixplay

Para crear un Mixplay personalizado se deber谩 crear un “proyecto” este proyecto se crea en la misma plataforma de Mixer, Firebot solo lo necesitamos a la hora de personalizar estos botones.聽

  1. Ve a la web de Mixer e inicia sesi贸n con tu cuenta de streamer
  2. Haz click sobre tu imagen en la esquina superior derecha y luego en la parte inferior “Laboratorio para Desarrolladores”. Puede que soloveas “para desarrolladores” por la mala implementaci贸n que tiene de momento.

聽 聽 聽 3. Busca y haz click en Proyectos de Mixplay

聽 聽 聽 4. Denajo lee “Tus proyectos de Mixplay” y si miras a la derecha hay un “+”, haz click para crear uno.聽

聽 聽 聽 5. Se abre una nueva ventana donde vas a poner el nombre de tu proyecto y lo guardas. Nota: si no te deja guardar escribe debajo en “Juego del proyecto” la palabra Other y haz click en la misma palabra para desplegar el men煤.

聽 聽 聽 聽6.Se abre una ventana nueva, baja hasta el final y guarda. ( no hace falta que subas im谩genes o escribir descripciones)

聽 聽 聽 聽 7.Sube hasta arriba y mira la parte superior izquierda, haz click en “Complicaci贸n”.

Ya tendr铆as listo tu primer proyecto. Ahora vamos a crear los botones para que aparezcan en directo.

Creaci贸n de botones
  1. Justo debajo de “Compilaci贸n” busca Controles y haz click en +
  2. En el desplegable que aparece pon el nombre de tu primer bot贸n en el recuadro “name”, luego haz click en “bot贸n” y despu茅s “Agregar”. Nota: Vemos que tiene otras ocpiones como joystick, mouse, etc. pero no las trataremos en este tutorial. Estas caracter铆sticas son para que el espectador mueva tu cursos o mando mientras juegas a t铆tulos muy espec铆ficos.聽
  3. Junto al bot贸n reci茅n creado que os aparece, click a la derecha en > y se abre un desplegable donde pondr谩s de nuevo el nombre del bot贸n y su coste en sparks.聽
  4. Repite las operaciones anteriores con cada bot贸n que quieras a帽adir a tu directo. Si lo deseas, puedes darle personalizaciones distintas como el color del mismo, color del borde, color del fondo y dem谩s. Recuerda que s贸lo desde aqu铆 puedes configurar el dise帽o, descripci贸n y costes del bot贸n.
  5. Arrastra cada bot贸n al panel central de color azul. La posici贸n que pongas cada bot贸n es c贸mo se ver谩 en directo, dedica tu tiempo en esta parte para dejarlo est茅ticamente aceptable. Nota: recuerda arrastrar botones para los 3 distintos paneles: escritori, tablets y m贸viles. Los ver谩s a la derecha en el borde superior derecho.聽
  6. A帽adidos los botones, arriba en la esquina superior derecha damos a “Guardar”. Te saldr谩 un mensaje de que se ha guardado la versi贸n interactiva.聽
  7. Arriba junto a “Complicaci贸n” haz click en “C贸digo” y copia los n煤meros de ID. Versi贸n para usarlos en Firebot.聽

Ya tenemos los botones en los paneles. Ahora empieza la diversi贸n de meterles audios, gifs, etc. desde Firebot.聽

Configuraci贸n de botones en Firebot

Antes de abrir directo inicia Firebot y comprueba que conecta el bot con tu cuenta, tendr谩s notificaciones si en la plataforma hay alg煤n error, para saber que todo est谩 conectado se te indicar谩 en verde la parte inferior izquierda.

  1. Arriba en la esquina superior izquierda haz click en “Buttons” y en la ventana busca donde pone “Add New Board”
  2. A帽ade el c贸digo ID.Versi贸n en la ventana que aparece. Dale a “Add Board”. Nota: Te aparece tus botones en la carpeta default, igual que se llama la escena en el proyecto de mixplay cuando creabas cada uno de los botones. Importante dejarlo en default para que todos los espectadores puedan verlos.
  3. Pon tu rat贸n sobre el primer bot贸n, aparece un peque帽o “Edit” y dale ah铆 para que le pongamos los primeros efecto. Ver谩s que ya aparece el nombre del bot贸n, la descripci贸n del mismo, as铆 su coste en sparks que pusimos en el proyecto de mixplay.聽

Ponle un cooldown (ej. 10 segundo) para que no spameen el bot贸n todo el rato y deja el resto como est谩 en “None” y “Active button”. Nota: Puedes a帽adir distintos cooldowns por grupos de botones en vez de ponerle uno a uno. Para ellos, encima de los botones y al lado de “Scene Settings” haz click en Edit Cooldown Groups, ponle un nombre, los segundos de cooldown, seleccionas qu茅 botones quieres en ese grupo y dale a “Save Changes”. Threshold siver para poner cuandos clicks en total deben darle tus espectadores para activar el bot贸n. En Permissions si lo dejas en None todos los espectadores podr谩n usar el bot贸n, con group permites que solo suscriptores, mods etc. puedan usar este bot贸n. En Other si activas “Show in Chat Feed” mostrar谩 qui茅n le dio al bot贸n en tu chat.聽聽

聽 聽 聽 聽4. Mira abajo en “Effects” y justo debajo haz click en “New Efecct”,s e abre una ventana nueva, haz click en el recuadro y selecciona el efecto que quieras. Tendr谩s que configurarlo a tu gusto con el volumen, tiempo del v铆deo o audio, tama帽o, posici贸n en la pantalla, efecto de animaci贸n etc.聽

DDebes tener los gifs, v铆deos y caciones en tu pc descargados. Tambi茅n puedes a帽adir enlaces desde Youtube.

Cuando hayas acabado con ese efecto dalr e !ADD2 y finalmente a “Save Changes”.

A帽adiendo Firebot a OBS
  1. En Firebot, abajo a la izquierda click en “Settings”, y arriba busca “Overlay”. Haz click en “Get overlay Path” y copia la direcci贸n. Te pondr谩 en verde Overlay path copied! y dale a “Okey”. Deja abierto el Firebot.聽
  2. Abre tu programa de retransmisi贸n. Ve a la escena en la que quieres que aparezcan los efectos del mixplay y a帽ade una fuente nueva “Navegador”. Ponle el nombre que quieras y copia la direcci贸n del paso 1. El ancho y alto es a gusto individual, seg煤n tu configuraci贸n lo pones m谩s grande o peque帽o, recomiendo a la resoluci贸n con la que se vea tu directo. Tambi茅n recomiendo activar “Usar” la frecuencia de im谩genes personalizada y poner 60fps. actualizar el navegador cuando la escena se active. Dale a aceptar y listo, ya solo queda ponerle el tama帽o y posici贸n en pantalla.

Recuerda ir a Firebot y conecta rel bot en la parte inferior izquierda. Todo se debe de poner en color verde y ya tendr铆amos en funcionamiento nuestro Mixplay personalizado.

Agradecer el aporte de este tutorial al compa帽ero iTuRaM, aqu铆 ten茅is su canal de Mixer

Share:

Deja un comentario

驴Quieres publicar alguna noticia?

Your Name (required)

Your Email (required)

Subject

Your Message

Categor铆as