0

0

如何营造不和谐的反动形象?

WBOY

WBOY

发布时间:2024-02-19 21:18:25

|

1068人浏览过

|

来源于每日运维

转载

不和谐允许用户创建反应性图像,即使不是创建者也可以使用。本文将介绍如何在不和谐中制作和使用这些反应图像。这个指南适合想要为他们的不和谐游戏增添创意的人。

如何营造不和谐的反动形象?

什么是被动图像?

反应图像是可以对音频信号做出实时反应的图像,当有声音输入时,图像会有相应的动态效果。这种技术可以应用在各种场景中,如会议中的实时语音转换为视觉效果,或者用于增强虚拟现实体验。这些反应图像可以通过不同的方式制作和添加到系统中,为用户提供更加丰富和沉浸式的交互体验。

如何创造不和谐的反应性形象

以下是创建不和谐反应图像的两种方法。

  • 制作并添加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的不和谐呼叫。

    阅读:如何在不和谐上创建和使用贴纸

    Copilot
    Copilot

    Copilot是由微软公司开发的一款AI生产力工具,旨在通过先进的人工智能技术,帮助用户快速完成各种任务,提升工作效率。

    下载

    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.

    相关专题

    更多
    css
    css

    css是层叠样式表,用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

    499

    2023.06.15

    css居中
    css居中

    css居中:1、通过“margin: 0 auto; text-align: center”实现水平居中;2、通过“display:flex”实现水平居中;3、通过“display:table-cell”和“margin-left”实现居中。本专题为大家提供css居中的相关的文章、下载、课程内容,供大家免费下载体验。

    261

    2023.07.27

    css如何插入图片
    css如何插入图片

    cssCSS是层叠样式表(Cascading Style Sheets)的缩写。它是一种用于描述网页或应用程序外观和样式的标记语言。CSS可以控制网页的字体、颜色、布局、大小、背景、边框等方面,使得网页的外观更加美观和易于阅读。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

    731

    2023.07.28

    css超出显示...
    css超出显示...

    在CSS中,当文本内容超出容器的宽度或高度时,可以使用省略号来表示被隐藏的文本内容。本专题为大家提供css超出显示...的相关文章,相关教程,供大家免费体验。

    533

    2023.08.01

    css字体颜色
    css字体颜色

    CSS中,字体颜色可以通过属性color来设置,用于控制文本的前景色,字体颜色在网页设计中起到很重要的作用,具有以下表现作用:1、提升可读性;2、强调重点信息;3、营造氛围和美感;4、用于呈现品牌标识或与品牌形象相符的风格。

    748

    2023.08.10

    什么是css
    什么是css

    CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种用于描述网页(或其他基于 XML 的文档)样式与布局的标记语言,CSS的作用和意义如下:1、分离样式和内容;2、页面加载速度优化;3、实现响应式设计;4、确保整个网站的风格和样式保持统一。

    594

    2023.08.10

    css三角形怎么写
    css三角形怎么写

    CSS可以通过多种方式实现三角形形状,本专题为大家提供css三角形怎么写的相关教程,大家可以免费体验。

    556

    2023.08.21

    css设置文字颜色
    css设置文字颜色

    CSS(层叠样式表)可以用于设置文字颜色,这样做有以下好处和优势:1、增加网页的可视化效果;2、突出显示某些重要的信息或关键字;3、增强品牌识别度;4、提高网页的可访问性;5、引起不同的情感共鸣。

    387

    2023.08.22

    桌面文件位置介绍
    桌面文件位置介绍

    本专题整合了桌面文件相关教程,阅读专题下面的文章了解更多内容。

    0

    2025.12.30

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    Go 教程
    Go 教程

    共32课时 | 3.1万人学习

    R 教程
    R 教程

    共45课时 | 4.2万人学习

    Bootstrap 5教程
    Bootstrap 5教程

    共46课时 | 2.7万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号