Avatars Overlay Set-Up | Add Reactive Images of your Friends During Streams

I walk you through how to add your friends to your stream so that they appear & disappear when they talk!

Copy the CSS code:
--------
.avatar {
content:url(notSpeakingURL);
height:auto !important;
width:auto !important;
border-radius:0% !important;
filter: brightness(50%);
/*Change brightness to 100%, if you don’t want the image to dim*/
}

.speaking {
border-color:rgba(0,0,0,0) !important;
position:relative;
animation-name: speak-now;
animation-duration: 1s;
animation-fill-mode:forwards;
filter: brightness(100%);
content:url(SpeakingURL);
}

@keyframes speak-now {
0% { bottom:0px; }
15% { bottom:10px; }
30% { bottom:0px; }
}

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

Jiinh's code generator: jiinh.​ com / discord-reactive-image-generator
(remove the spaces)

❤️Social Medias

––––––––––––––––––––––––––––––

––––––––––––––––––––––––––––––

[BannedagesYT]

For anyone having issues where the nickname is always showing over your image, in the URL you put into the browser source, capitalize the 't' in 'false&hide_names=true' into 'false&hide_names=True'. This will fix the nickname showing over your image even if you have hide nicknames enabled.

[vampirelogan]

Thank you so much for making this video and making it simple and straight forward, especially the part about putting your images in a text channel in your discord so they won't be lost somehow. I have been trying for months to do this and I was totally overthinking/overengineering it.

[DrakGamestein]

Whew, thank you. Only had half of the instructions before lol. Also they might change it again in the future, but they've since moved the developer mode to a separate "advanced" tab instead of appearance. At least on my discord. Just in case any one else gets stuck looking for it. Thanks for making this so quick and to the point, that's very much appreciated.

[johnnebula]

Dear Ninja-Dee,
You're awesome. NerdistBeach recommended your tutorial, now I feel smarter and found another cool streamer to watch. Thank you ^_^

[NerdistBeach]

Thank you so much for this, I could not for the life of me figure out how to do it lol

[GaijinInvader]

Best video on the topic on whole YT! ^^

[IttyBitty_Skitty]

For those of you that had trouble having the avatar show up make sure the browser source dimensions are what the picture is. For me I had to make the browser source 4000 x 4000 for the avatar to show up and i just croped it down to fit better on the screen.

[madsxolotl]

Bless your soul thank you so much!!! Simple, straightforward, easy to follow, and exactly what I was looking for. Thank you thank you thank you!

[ThomasSnail]

This is so fun to play around with friends with, thank you for making this video

[acapriciousgamer]

THIS IS FANTASTIC!!! This solves a problem I was going to have to tackle for a friend-based stream I'm trying to set up... Thank you so much for this tutorial!!! <3 <3

[AProudLokean]

Thanks for making such a clear and concise tutorial! I'm using this for my Dungeons and Dragons recordings on OBS and this was super short and to the point. I needed that cause I had 5 people to add! So thanks for making it easy and clear. :D

[SiFTWofficial]

This was super easy and helpful thank you for this!

[zach-tzre]

tysm i had a lot of trouble finding a tutorial that made sense for me but this one really helped

[TropicxlLivesxx]

*Noice*
The intro(s) never get(s) old

[TheGreatKaitsu]

To anyone not knowing why your closed mouth image isn't showing. Turn off "Show speaking users only" and re-copy and paste the browser code.

[mastergilby]

you saved may ass just now with this, as of this post, the site i was using for my reactive pngs went down and idk if it will be back up, but this tutorial definatly saved my ass and i appreciate it

[NevaehEvol]

whoa, you have made this such an easy process! Thank you so much <3

[Zikoro]

I was looking for this forever! Thank you for this!

[anzui]

best, quickest tutorial !!! you rock!!

[ishachu]

Finally I was looking for this tutorial!!! Thank you!!!!