Tutorial OBS: Avatares 2D reactivos con Discord

li>img[class^="Voice_avatar"]{ display:none; }
li>img[class^="Voice_avatar"][src*="IDUSUARIO"]{ display:block; }

img[class^="Voice_avatar"] {
content:url(IMAGEN SIN HABLAR);
height:auto !important;
width:auto !important;
border-radius:0% !important;
filter: brightness(100%);
/*CAMBIA EL BRILLO 50%, SI QUIERES QUE TU IMAGEN ESTE OSCURA CUANDO NO ESTE HABLANDO*/
}

img[class*="Speaking"] {
content:url(IMAGEN HABLANDO);
border-color:rgba(0,0,0,0) !important;
position:relative;
animation-name: speak-now;
animation-duration: 1s;
animation-fill-mode:forwards;
filter: brightness(100%);
}

@keyframes speak-now{
0% { bottom:0px; }
15% { bottom:10px; }
30% { bottom:0px; }
/*Este código de fotogramas clave hace que la imagen rebote ligeramente cuando comienza a hablar usando la animación de hablar ahora definida*/
}

li[class^="Voice_voiceState"]{ position: static; display: inline-grid; }
div.user{ position: absolute; left:40%; bottom:5%; }

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

Una pregunta que puede ser algo obvia pero me dio curiosidad, es posible hacer que cada integrante de la llamada tenga su PNG y se ilumine conforme hablen? ya habia usado ese overlay pero me interesa hacerlo mas personalizado y la intro me parecio ver que si era posible XD

Vi este video hace 2 años cuando hacia directos y fui feliz. Luego me quede sin pc y perdi todo, me alegra saber que ahora que tengo pc de nuevo el video sigue vivo <3

funcionooo quedo muy lindo, muchas gracias por el tutorial

Disculpa, me sale todo a la perfección excepto que mi png no reacciona al hablar. Se queda fijo con la imagen callada aunque tenga el volumen del micrófono al máximo, ¿Cómo lo puedo solucionar?:(

Me ayudo muchisimo gracias!

No se que estoy haciendo mal pero no me funciona, hice un canal de discord, el código lo reemplace bien, hice las imágenes, las mande al discord y copie la url, lo pongo en el OBS pero no me funciona! Cual es el problema?

no me funcionó, no me aparecen las imagenes

Ya no me deja , hago todo al pie de la letras pero solo sale mi foto de perfil con ese contorno al hablar ,pero nunca la imagen :,,3 alguna solución?

creo que ya no sirve

No me funcionó :C

de repente me dejo de funcionar sin ninguna razon aaaaa
ayuda

Hola cómo hago para usar más de una imagen al hablar??

Mi personaje no aparece en la pantalla TT

Pero por más que intento y hago todo bien y con diferentes imágenes cuando pongo todo exactamente en la fuente al meterla no aparece mi imagen, ya lo reinicié, inicié con administrador, volví a hacer todos los pasos y todo de nuevo y solo no funciona, será mi versión de obs?🥺

No me aparece en Discord, ¿alguna solución? :(

No entiendo por qué no funciona bien
Cuando estoy callado en lugar de la imágen que pegué siempre sale mi avatar de discord
No importa cual ponga, mientras esté callado solo sale eso
Rehice todo mil veces y siempre sale igual

muchas gracias, justo lo que queria

Seguí cada paso pero no se porque no se muestra en la pantalla

El tutorial me ayudo mucho MUCHAS GRACIAS

holaaa, una pregunta, saben cómo distorsionar una foto de discord??

GOD

Llevo 2 tutoriales y ambos han sido fallidos...

Dónde descargaste Streamlabs Obs - 0.25.0?

Soy el único al que no se le generó ningún enlace en la pagina a pesar de haber hecho todo?

no me sirvio muchas gracias

MUCHAS GRACIAS!

Un duda: yo encontré una manera de hacer gifs en PNG
Y si yo quisiera poner cuando hablo ese gif transparente podría? De igual manera si yo hice que cuando no hablo hay aún gif parpadeando también funcionaria?

que pasa si no me sale nada?

me sirvio

Se puede hacer en obs? ;-;

Lo explicaste hermoso! muchas gracias chiqui s2

muchas gracias me sirvio de maravilla, pregunta, si ora persona se mete a la sala sua avatar como lo perzonalizo que parte del codigo hay que tocar?

le tutorial me sirvió muchoo pero ahora por alguna razón mi avatar no me sale, o sea aparece el borde para configurar el tamaño dentro de la pantalla pero no se ve, alguna idea de como solucionar eso?? unu

Muchas gracias por el tutorial, me sirve mucho, y tengo una duda ¿ Se puede poner más de una imagen al hablar? Tipo que aparezca con la boca abierta un poco y otra más abierta

hice todo al pie de la letra, pero aunque puse la id de mi amgigo, las imagenes solo se activan cuando yo hablo, alguna solucion?

Cómo puedo hacerlo para cel o tablet :c?

no me sale el link y ya puse modo desarrollador; alguien sabe porque?

Una pregunta alguien porfa que m responda veo muy robotizado la imagen entonces quiero agregar una imagen más una de la boca entre abierta no sé cómo podría porfaaaa

y que pasa si no me sale mi avatar :c

Pittykitty ye ye Lejos el mejor canal para aprender este tipo de cosas :D

Espectacular esta guia! Muchas gracias! <3

¿alguien sabe como quitar el nombre de discord de la imagen?, estaría muy agradecido por su ayuda

Hola!, algun lugar donde pueda buscar fotos 2d?

Graciasss funcionó perfect

Muchas gracias :D funciona perfectamente

funceona siganle

yo soy de OBS