Wie schafft man ein disharmonisches und reaktionäres Bild?

WBOY
Freigeben: 2024-02-19 21:18:25
nach vorne
980 Leute haben es durchsucht

Discord ermöglicht es Benutzern, reaktive Bilder zu erstellen, die auch dann verwendet werden können, wenn sie nicht der Ersteller sind. In diesem Artikel wird erklärt, wie Sie diese Reaktionsbilder in Discord erstellen und verwenden. Dieser Leitfaden richtet sich an alle, die ihrem Discord-Spiel etwas Kreativität verleihen möchten.

Wie schafft man ein disharmonisches und reaktionäres Bild?

Was sind passive Bilder?

Reaktionsbilder sind Bilder, die in Echtzeit auf Audiosignale reagieren können. Bei Toneingabe hat das Bild entsprechende dynamische Effekte. Diese Technologie kann in einer Vielzahl von Szenarien eingesetzt werden, beispielsweise zur Echtzeit-Sprachumwandlung in visuelle Effekte bei Besprechungen oder für verbesserte Virtual-Reality-Erlebnisse. Diese Reaktionsbilder können auf unterschiedliche Weise erstellt und dem System hinzugefügt werden, um den Benutzern ein reichhaltigeres und immersiveres interaktives Erlebnis zu bieten.

Wie man ein dissonantes reaktives Bild erzeugt

Hier gibt es zwei Möglichkeiten, dissonante Reaktionsbilder zu erzeugen.

  • Erstellen und fügen Sie Fugis Discord Reactive-Bilder hinzu
  • Fügen Sie benutzerdefiniertes CSS mit dem StreamKit-Overlay von Discord hinzu
  • Lassen Sie uns ausführlich darüber sprechen.

    1] Erstellen Sie das Discord-Reaktionsbild von FUGI und fügen Sie es hinzu

    Zuerst erstellen wir mit dem Discord React Image-Tool von FUGI eine PNG-Knolle. Befolgen Sie die angegebenen Schritte, um dasselbe zu tun.

  • Starten Sie die Discorde-Clientanwendung auf Ihrem Computer. Laden Sie außerdem OBS Studio herunter und öffnen Sie es, eine kostenlose Anwendung, die jeder installieren kann.
  • Im Falle von Zwietracht müssen Sie zu den Einstellungen gehen, indem Sie auf das Zahnradsymbol neben Ihrem Benutzernamen klicken.
  • Gehen Sie dann im Fenster „Erweiterte Einstellungen“ im linken Bereich zum „Erweiterten Modus“ und aktivieren Sie im Abschnitt „Erweiterter Modus“ den Schalter für den Entwicklermodus.
  • Scrollen Sie im linken Bereich nach unten, um Sprache und Video zu öffnen, gehen Sie dann zu den Spracheinstellungen und wählen Sie das richtige Mikrofon aus. In den Videoeinstellungen können Sie die Kamera auf die virtuelle OBS-Kamera umstellen.
  • Gehen Sie dann zu reactive.fugi.tech und klicken Sie auf „Mit Inkonsistenz anmelden“.
  • Geben Sie Ihre Anmeldedaten ein oder scannen Sie den QR-Code, um sich bei Ihrem Konto anzumelden, und klicken Sie auf „Autorisieren“.
  • Sie werden zu einer Seite weitergeleitet, auf der Sie passive Bilder konfigurieren können.
  • Nehmen wir den Avatar als Beispiel, Sie benötigen zwei Bilder, eines mit geschlossenem Mund und eines mit geöffneter Halterung. Sobald Sie diese Bilder haben, klicken Sie auf das Pluszeichen (+) und laden ein sprechendes und ein inaktives Bild hoch. Klicken Sie abschließend auf Speichern.
  • Sie können das Bild nach Ihren Wünschen konfigurieren und anschließend den generierten Link kopieren.
  • Starten Sie OBS Studio, klicken Sie auf das Pluszeichen (+) in der Quelle und gehen Sie zu Browser > Neu erstellen >, um den Quellnamen einzugeben > OK.
  • Fügen Sie den Link, den wir Sie gebeten haben, in die Attribut-URL ein und klicken Sie auf „OK“.
  • Ändern Sie die Größe des Bildes nach Ihren Wünschen, bevor Sie mit dem diskordanten Fluss beginnen.
  • Um die Wiedergabe des Discord-Videos zu starten, müssen Sie in OBS unter „Steuerung“ auf „Virtuelle Kamera starten“ klicken.
  • Schließlich wechseln Sie in den inkonsistenten Modus, stellen eine Verbindung zum Sprachkanal her und schalten die Kamera ein.
  • Um das Reaktionsbild auf die Inkonsistenz zu testen, habe ich versucht, in das Mikrofon zu sprechen. Dieses passive Bild ist bereit für Streaming und Discord-Aufrufe von Colabs.

    Lesen Sie: So erstellen und verwenden Sie Sticker auf Discord

    2] Fügen Sie benutzerdefiniertes CSS mithilfe der StreamKit-Überschreibung von Discorde hinzu

    Wie schafft man ein disharmonisches und reaktionäres Bild?

    Wir können unseren Bildern auch benutzerdefiniertes CSS über die StreamKit-Overlay-Komponente von Discorde hinzufügen. Dies erfordert zwar einige CSS- oder Programmierkenntnisse, Sie müssen jedoch kein professioneller Programmierer sein, sondern lediglich mit einigen grundlegenden CSS-Kenntnissen vertraut sein. Befolgen Sie die folgenden Schritte, um dasselbe zu tun.

  • Bitte besuchen Sie Streamkit.discord.com.
  • Dann müssen Sie je nach verwendeter Streaming-Software auf „Installieren für OBS“ oder „Installieren für XSplit“ klicken.
  • Falls Sie dies noch nicht getan haben, werden Sie aufgefordert, sich bei Discord anzumelden. Bevor Sie dies tun, stellen Sie sicher, dass Sie Discord öffnen.
  • Gehen Sie zum Sprach-Widget und wählen Sie Ihren Server und Sprachkanal aus dem Dropdown-Menü aus. Verstecken Sie Ihren Benutzernamen bei inkonsistenten Anrufen, indem Sie die Option „Namen ausblenden“ aktivieren. Sobald Sie fertig sind, wird auf der rechten Seite des Bildschirms eine URL angezeigt, die kopiert werden muss.
  • Discorde wird Sie bitten, sich in der App zu autorisieren. Tun Sie dies also in der App.
  • Öffnen Sie nun OBS und klicken Sie auf das Pluszeichen (+), um eine Quelle aus dem Quellenmenü hinzuzufügen. Gehen Sie zu Browser > OK, fügen Sie die kopierte URL ein und klicken Sie auf OK.
  • Öffnen Sie Ihre Discorde-App und erstellen Sie einen privaten Textkanal, in dem Sie Ihr PNG-Bild speichern und beide Dateien hochladen können.
  • Gehen Sie jetzt zu codesen.io, es ist ein CSS-Generator.
  • Kopieren Sie Ihre inkonsistente ID, indem Sie in der unteren linken Ecke der inkonsistenten ID auf Ihren Benutzernamen klicken und ID kopieren auswählen. Fügen Sie dies dann neben der inkonsistenten Benutzer-ID im CSS-Generator ein.
  • Kopieren Sie die ID jedes PNG-Bildes, indem Sie in Ihrem Discord-Kanal mit der rechten Maustaste darauf klicken und „ID kopieren“ auswählen. Fügen Sie dann die ID neben „Bild-URL“ im CodePen-Fenster ein.
  • Klicken Sie abschließend auf die Schaltfläche „CSS-Code generieren“, um den erforderlichen CSS-Code zu erhalten. Um den generierten Code zu kopieren, klicken Sie auf „CSS kopieren“.
  • Öffnen Sie OBS, gehen Sie zum Quellcode des StreamKit-Browsers, klicken Sie mit der rechten Maustaste und wählen Sie Eigenschaften.
  • Navigieren Sie zu „Benutzerdefiniertes CSS“ und fügen Sie den kopierten Code ein.
  • Klicken Sie abschließend auf OK.
  • Sehen Sie sich das Reaktionsbild oben an, ändern Sie die Größe und ziehen Sie es nach Bedarf. Um eine Verbindung zu Discorde herzustellen, gehen Sie zu OBS Control und wählen Sie Virtuelle Kamera starten.

    Lesen Sie: So löschen Sie inkonsistenten Cache unter Windows, iPhone, Android, Mac

    Wie füge ich PNG zu Discord hinzu?

    Der einfachste Weg, ein PNG zu Discord hinzuzufügen, besteht darin, es per Drag & Drop von der Quelle in Ihren Chat zu ziehen. Öffnen Sie einfach den Datei-Explorer, suchen Sie nach dem Speicherort des Bildes, wählen Sie es aus und ziehen Sie es per Drag & Drop auf Discorde. *Diese Methode funktioniert nicht nur für PNG, sondern auch für jeden anderen Dateityp.

    Lesen Sie auch: Behebung, dass das Discord-Mikrofon unter Windows nicht funktioniert.

    Das obige ist der detaillierte Inhalt vonWie schafft man ein disharmonisches und reaktionäres Bild?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Verwandte Etiketten:
    Quelle:mryunwei.com
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!