Tutoriel OBS – Discord : Image sur OBS quand un joueur parle sur Discord

#Tutoriel #OBS #Discord #Voix #Affichage
Comment faire apparaître une image quand un joueur parle sur un channel d’un serveur Discord

Stream Kit : récupérer le flux discord

Paramétrage d’un objet navigateur sur OBS
URL : récupérer celle donnée par StreamKit
CSS personnalisé :

li.voice-state:not([data-reactid*= »identifiant Discord »]) { display:none; }
.avatar {
content:url( quand le joueur ne parle pas.png);
height:auto !important;
width:auto !important;
border-radius:0% !important;
filter: brightness(80%);
/*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( quand le joueur parle.png);
}

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

li.voice-state{ position: static; }
div.user{ position: absolute; left:40%; bottom:5%; }

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