Przewodnik po tworzeniu reaktywnych obrazów na Discordzie
Notatki kluczowe
- Reaktywne obrazy mogą ulepszyć streaming poprzez reagowanie na sygnały dźwiękowe.
- Istnieją dwie główne metody tworzenia reaktywnych obrazów: wykorzystanie narzędzia Fugi lub niestandardowego CSS.
- Dodawanie plików PNG do Discorda jest proste; wystarczy przeciągnąć i upuścić.
Ulepsz swoje doświadczenie Discord dzięki reaktywnym obrazom
Reaktywne obrazy na Discordzie zapewniają interaktywny element Twojej obecności online, szczególnie dla twórców treści, którzy chcą zaangażować swoich odbiorców. Ten przewodnik przeprowadzi Cię przez proces tworzenia i efektywnego wykorzystywania tych obrazów, wzbogacając Twoje doświadczenie Discord, niezależnie od tego, czy grasz, streamujesz, czy spotykasz się z innymi.
Przewodnik krok po kroku dotyczący tworzenia reaktywnych obrazów Discord
Krok 1: Utwórz PNGtuber za pomocą narzędzia Fugi
Na początek skorzystaj z narzędzia Discord Reactive Images firmy Fugi, aby ułatwić proces tworzenia. Wykonaj następujące kroki:
- Otwórz na swoim komputerze aplikację Discord obok OBS Studio, dostępnego do bezpłatnego pobrania.
- Aby uzyskać dostęp do ustawień Discorda, kliknij ikonę koła zębatego obok swojej nazwy użytkownika.
- W menu ustawień przejdź do sekcji Zaawansowane i włącz tryb programisty.
- Przejdź do opcji Głos i wideo na lewym panelu, wybierz mikrofon i ustaw kamerę na OBS Virtual Camera.
- Przejdź do reactive.fugi.tech i kliknij Zaloguj się przez Discord.
- Zaloguj się, używając swoich danych logowania lub zeskanuj kod QR i kliknij Autoryzuj.
- Skonfiguruj obrazy reaktywne na stronie konfiguracji, która się otworzy.
- Prześlij swoje obrazy: jeden z zamkniętymi ustami, drugi z otwartymi ustami. Kliknij ikonę Plus (+), aby dodać każdy obraz, a następnie kliknij Zapisz.
- Skopiuj link wygenerowany dla Twojej konfiguracji.
- W OBS kliknij ikonę plusa (+) pod Źródłami, wybierz Przeglądarka, wpisz nazwę źródła i kliknij OK.
- Wklej link w polu Adres URL Właściwości i kliknij OK.
- Przed rozpoczęciem transmisji na Discordzie dostosuj rozmiar obrazu.
- Kliknij „Uruchom kamerę wirtualną” w OBS, aby rozpocząć przesyłanie strumieniowe.
- Dołącz do kanału głosowego na Discordzie i włącz kamerę, aby zobaczyć obraz na żywo.
Wskazówka: Przetestuj konfigurację, mówiąc do mikrofonu, aby upewnić się, że obraz reaguje prawidłowo.
Krok 2: Wykorzystaj niestandardowy CSS z nakładką StreamKit Discorda
Dla tych, którzy dobrze radzą sobie z podstawowym CSS, Discord StreamKit Overlay oferuje inne skuteczne podejście. Oto jak to zrobić:
- Odwiedź streamkit.discord.com.
- Wybierz opcję Zainstaluj dla OBS lub XSplit, zależnie od oprogramowania, z którego korzystasz podczas przesyłania strumieniowego.
- Jeśli zostaniesz o to poproszony, zaloguj się do Discorda. Upewnij się jednak, że Discord jest otwarty.
- Przejdź do Voice Widget, wybierając serwer i kanał głosowy. Włącz opcję Hide Names dla prywatności. Skopiuj wygenerowany adres URL wyświetlany po prawej stronie.
- Autoryzuj aplikację po wyświetleniu monitu przez Discord.
- Otwórz OBS, kliknij ikonę plusa (+), aby dodać nowe źródło, wybierz Przeglądarka i wklej skopiowany adres URL.
- Utwórz prywatny kanał tekstowy w Discordzie, aby przesyłać obrazy PNG.
- Skorzystaj z generatora CSS na codepen.io.
- Skopiuj swój identyfikator Discord z aplikacji Discord i wklej go do generatora CSS.
- Kliknij prawym przyciskiem myszy każdy obraz PNG przesłany na Twój kanał Discord i wybierz opcję „Kopiuj ID”.Wklej go obok „Adresu URL obrazu” w generatorze.
- Kliknij Generuj CSS, a następnie skopiuj kod wyjściowy.
- W OBS otwórz właściwości źródłowe przeglądarki StreamKit, przejdź do sekcji Niestandardowy CSS i wklej tam swój kod.
- Zakończ klikając OK.
Porada: Pamiętaj o dostosowaniu położenia i rozmiaru obrazu reaktywnego w OBS tak, aby idealnie pasował do układu.
Streszczenie
W tym przewodniku przyjrzeliśmy się, jak ulepszyć wrażenia ze streamingu Discord, tworząc i używając Reactive Images. Za pomocą narzędzia Fugi lub niestandardowego CSS w StreamKit dodawanie spersonalizowanych wskazówek wizualnych do Twojej obecności głosowej może znacznie zwiększyć zaangażowanie i przyjemność podczas czatów.
Wniosek
Reaktywne obrazy to innowacyjny sposób na ulepszenie interakcji na Discordzie, dzięki czemu rozmowy stają się bardziej żywe i atrakcyjne wizualnie. Niezależnie od tego, czy jesteś twórcą treści, czy po prostu osobą, która chce wyrazić siebie, wdrożenie reaktywnych obrazów może znacznie poprawić wrażenia ze strumieniowania i czatowania. Teraz wykorzystaj zdobytą wiedzę i zacznij sprawiać, aby sesje Discord były bardziej angażujące!
FAQ (najczęściej zadawane pytania)
Jak utworzyć obraz reaktywny dla Discorda?
Możesz utworzyć obraz reaktywny za pomocą narzędzia React Image firmy Fugi lub wykorzystując niestandardowy kod CSS za pośrednictwem nakładki Discord StreamKit, w zależności od tego, jak dobrze znasz technologię.
Czy mogę używać innych formatów obrazów niż PNG?
Chociaż format PNG jest powszechnie używany w przypadku obrazów reaktywnych ze względu na jego cechy przezroczystości, możesz używać także innych formatów obrazów, pod warunkiem, że są kompatybilne z Discordem.