不和谐允许用户创建反应性图像，即使不是创建者也可以使用。本文将介绍如何在不和谐中制作和使用这些反应图像。这个指南适合想要为他们的不和谐游戏增添创意的人。
什么是被动图像？
反应图像是可以对音频信号做出实时反应的图像，当有声音输入时，图像会有相应的动态效果。这种技术可以应用在各种场景中，如会议中的实时语音转换为视觉效果，或者用于增强虚拟现实体验。这些反应图像可以通过不同的方式制作和添加到系统中，为用户提供更加丰富和沉浸式的交互体验。
如何创造不和谐的反应性形象
以下是创建不和谐反应图像的两种方法。
制作并添加Fugi’s Discord Reactive图像
使用Discord的StreamKit Overlay添加自定义CSS
让我们详细地谈一谈。
1]制作并添加FUGI的不和谐反应图像
首先，我们将采用FUGI的不和谐反应图像工具来制作PNG块茎。按照指定步骤进行相同操作。
在您的计算机上启动Discorde客户端应用程序-此外，下载并打开OBS Studio，这是一个每个人都可以安装的免费应用程序。
在不和谐的情况下，您需要通过单击用户名旁边的齿轮图标进入设置。
然后在高级设置窗口中，从左侧面板转到高级模式，然后在高级模式部分，启用与开发人员模式关联的切换。
向下滚动左侧部分以打开语音和视频，然后转至语音设置，然后选择正确的麦克风。在视频设置中，您可以将摄像头切换到OBS虚拟摄像头。
然后，转到reactive.fugi.tech并点击使用不一致登录。
输入您的凭据或扫描二维码登录到您的帐户，然后单击授权。
您将被重定向至可在其中配置被动映像的页面。
让我们以化身为例，你需要两个图像，一个是闭着的嘴，另一个是张开的坐骑。一旦你有了这些图像，点击加号（+）图标，然后上传一个发言和一个不活动的图像。最后，点击Save。
您可以按照您想要的方式配置图像，完成后，复制生成的链接。
启动OBS Studio，然后单击源中的加号(+)图标，然后转到浏览器>；创建新的>；以输入源名称&>确定。
在属性URL中粘贴我们要求您复制的链接，然后单击确定。
在开始不协调流之前，根据您的选择更改图像的大小。
要开始播放不和谐视频，您需要点击位于OBS中“控制”下的“启动虚拟摄像机”。
最后，切换到不一致模式，连接到语音通道，然后打开摄像头。
为了测试不一致上的反应图像，我尝试对着麦克风讲话。这被动形象已准备好用于流媒体和Colabs的不和谐呼叫。
阅读：如何在不和谐上创建和使用贴纸
2]使用Discorde的StreamKit覆盖添加自定义CSS
我们也可以通过Discorde的StreamKit Overlay组件来添加自定义CSS到我们的图像中。虽然这需要一些CSS或编码知识，但并不需要成为专业程序员，只需要熟悉一些CSS的基本技巧即可。请按照以下步骤来进行相同的操作。
请访问Streamkit.discord.com。
然后，根据您正在使用的流媒体软件，您必须单击适用于OBS的安装或适用于XSplit的安装。
如果你还没有这样做，你将被要求登录到Discord。在此之前，请确保打开Discord。
转到语音小部件，然后从下拉菜单中选择您的服务器和语音频道。通过启用隐藏姓名选项，在不一致呼叫期间隐藏您的用户名。完成后，您将在屏幕右侧获得一个需要复制的URL。
Discorde会要求你在他们的应用程序上进行授权，所以，在应用程序中这样做。
现在，打开OBS，然后点击加号(+)图标从来源菜单添加来源，进入浏览器&>确定，粘贴你复制的URL，然后点击确定。
打开你的Discorde应用程序，创建一个私人文本频道，在那里你可以保存你的PNG图像并上传这两个文件。
现在，转到codesen.io，它是一个css生成器。
复制您的不一致ID，方法是在不一致的左下角单击您的用户名并选择复制ID。然后在css生成器中将其粘贴到不一致用户ID的旁边。
复制每个PNG图像的ID，方法是在您的不和谐频道中右击它，然后选择“复制ID”。然后将ID粘贴到CodePen窗口中的“Image URL”旁边。
最后，点击生成css代码按钮以获得所需的css代码，要复制生成的代码，请点击复制css。
打开OBS，转到StreamKit浏览器源代码，右键单击，然后选择属性。
导航到自定义CSS并粘贴复制的代码。
最后，单击确定。
查看顶部的反应图像，根据需要调整大小并拖动。要连接到Discorde，请转到OBS控制，然后选择启动虚拟相机。
阅读：如何清除Windows、iPhone、Android、Mac上的不一致缓存
我如何将PNG添加到不和谐？
将PNG添加到不和谐中最简单的方法是将其从来源拖放到您的聊天中。只需打开文件资源管理器，找到存储图像的位置，将其选中，然后将其拖放到Discorde上。*这种方法不仅适用于PNG，也适用于任何其他文件类型。
Also Read: Fix Discord Mic not working in Windows.
