Tener alertas personalizadas en tu transmisión de Twitch es la manera perfecta de fomentar la participación de tus espectadores. Uno de los grandes beneficios de usar alertas, ya sea que esté usando Streamlabs o Streamelements, es la capacidad de usar código. Por lo tanto, le brinda un control total sobre cómo se verán sus alertas.
Este tutorial se centrará en la creación de alertas para Streamlabs. El objetivo es aclarar el enfoque para las alertas codificadas personalizadas. Para utilizar completamente las alertas codificadas, necesitará un conocimiento básico del código, específicamente HTML, CSS y Javascript. Sin embargo, la mayor parte del código utilizado para crear alertas es bastante sencillo.
Conceptos básicos de las alertas de Twitch
Puede configurar el código a un nivel individual para cada alerta. Esto permite una personalización y un control completos sobre cada tipo de alerta. Para comenzar a usar un código personalizado para sus alertas, debe estar habilitado dentro de la configuración de alertas.
Vaya a su panel de Streamlabs y en la barra lateral izquierda seleccione “Cuadro de alerta”. Comience seleccionando la pestaña “Sigue”. Desplácese hacia abajo y busque una opción llamada “Habilitar HTML / CSS personalizado” y habilítela. Ahora se mostrarán más opciones debajo y habrá pestañas llamadas HTML, CSS, JS y Campos personalizados. Estas secciones se completarán con el código predeterminado para una alerta.
Ahora puede comenzar agregando o cambiando el código para crear alertas personalizadas para su transmisión de Twitch. Como se mencionó anteriormente, ya debe tener una comprensión básica de cómo codificar para utilizar completamente este tutorial.
Variables de Streamlabs
Streamlabs proporciona variables que puede utilizar dentro de su código. Si examina el código HTML predeterminado, verá variables como “{AlertType}”. Son variables de marcador de posición que se reemplazan con datos reales en tiempo de ejecución. A continuación, se enumeran las variables de Streamlabs más comunes y sus usos.
messageTemplate: Esta variable será reemplazada por el texto que ingresó en el cuadro de texto “Plantilla de mensaje” en la configuración de alertas.
userMessage: Si el usuario deja un mensaje, esta variable será reemplazada por su texto.
img: Cuando carga un GIF o WEBM en la sección de imágenes, Streamlabs genera una URL única para él. Esta variable devuelve la URL del contenido cargado.
Campos Personalizados
Los campos personalizados son una excelente manera de agregar configuraciones adicionales a su alerta de Twitch. Por lo tanto, son fáciles de usar, lo que permite una prueba rápida de sus alertas. Para habilitar los campos personalizados, busque un botón llamado “Agregar campos personalizados” al lado del botón de alerta de prueba.
Esto generará un diseño predeterminado de cada tipo de campo. Para ver cómo se crea cada tipo de campo, seleccione “Editar campos personalizados”. Esto le mostrará el código fuente de los campos.
7 tipos de campos personalizados
Selector de color : Le permite seleccionar fácilmente un color. Devuelve un valor de código hexadecimal.
Control deslizante: Le permite definir un control deslizante mínimo máximo personalizado. La opción de pasos define el valor mínimo del cual se puede mover el control deslizante.
Campo de texto : Como sugiere el nombre, este es un campo de texto para almacenar datos de texto.
Selector de fuentes: Una selección desplegable poblada con fuentes de Google.
Desplegable : Selección desplegable personalizada, poblada con sus propias opciones.
Entrada de imagen: Le permite seleccionar una imagen de su biblioteca. Devuelve su URL como valor.
Entrada de sonido: Similar a la entrada de imágenes, excepto que seleccionará sonidos de su biblioteca.
Conclusión
Ahora debería tener un punto de partida para crear alertas codificadas personalizadas dentro de Streamlabs para su transmisión de Twitch. Sin embargo, si nunca ha codificado antes, es mejor aprender los conceptos básicos de HTML, CSS y JS para aprovechar al máximo este tutorial.
El uso de código personalizado es la manera perfecta de tener un control total sobre sus alertas. Además del control, mediante el uso de campos personalizados, puede cambiar rápida y fácilmente el aspecto de sus alertas para encontrar la configuración perfecta y que coincida con la estética de superposición de su transmisión.
