[PNGTuber] 免插件為 OBS 直播加入 Discord 語音狀態圖片切換效果

發表日期:
2022.01.28
/
分類:
App
如果你有看過 VTuber 的直播,會發現他們有時候不會開 Live2D,而是用兩張圖交替顯示的方式來表示語音的有無狀態。且與其他直播主連動時,會在畫面上加

如果你有看過 VTuber 的直播,會發現他們有時候不會開 Live2D,而是用兩張圖交替顯示的方式來表示語音的有無狀態。且與其他直播主連動時,會在畫面上加入對方的圖片,且一樣有語音狀態切換的效果。

目前已知直播主連動時是使用 Discord,為簡單達到效果,我們可以使用國外工程師製作的服務「Discord Reactive Images」。


平台資訊


Discord Reactive Images 能達成的效果類似以下片段:

https://youtu.be/-MKBcDhemeU?t=264

設定步驟

一、前往 Discord Reactive Images (fugi.tech) 網站,點擊右上或下方的「Login」。

二、登入 Discord 後,點擊「授權」使平台可偵測帳號的語音狀態。

三、接下來平台預設會自動帶入你的 Discord 頭貼,你可以自訂非活躍 (Inactive) 與說話中 (Speaking) 兩狀態的圖片,僅支援靜態圖片,如上傳 GIF 會被轉成靜態圖。可勾選 Config 區塊中的「Bounce Effect」使狀態切換時會有個跳動效果。
在這邊如果有出現「Disconnected from Discord. Ensure Discord is running and try refreshing.」警告,請確保你的 Discord 客戶端有在正常運作,且已加入任一語音頻道。

四、最後複製 Links 區塊中的「Individual Browser Source (You)」提供的網址,準備進入 OBS 進行設定。如果要進行連動,請對方將此連結傳給你後,重複進行後續步驟即可。

五、啟動 OBS,在「來源」中新增一個「瀏覽器」。

六、將剛才複製的網址貼上至「網址」欄位,按下「確定」。

七、調整大小與位置,須先加入任一 Discord 語音頻道後才會顯示大頭照。

八、實測效果:

https://youtu.be/tOD1ZiXl97I

comments powered by Disqus