はいどうも！
今回はTwitchのチャット欄で使用できるエモートの拡張プラグイン
「BetterTTV」のセットアップ方法についてまとめていきたい思います。
ちなみにですが皆様はTwitchで以下のようなエモートを見たことはありますか？
これは「Pepe the Frog」というキャラクターです。
このキャラクターのエモートがTwitchで凄く人気になっています。
ただし、このエモートは最初からTwitchで使用できるわけではなく、BetterTwitchTV（以下BTTV)をインストールすることで使用できるようになります。
そこで今回は、「BTTV」のダウンロードとセットアップ方法をまとめていきたいと思います。
それではレッツゴー↓
BTTVの拡張機能の仕組みについて
まず始めに少しだけBTTVの拡張機能について説明いたします。
興味がない人は飛ばしてもらっても構いません。
BTTVをインストールすることによって大きく2種類のエモートが追加されることになります。
①グローバルエモート(視聴する人向け)
BTTVをインストールすることにより視聴者として使用できるエモートが追加される
②チャンネルエモート(配信者向け)
BTTVをインストールし自分のチャンネルで使用できるエモートを追加できる
上記①に関しては特に特別な作業をしなくても追加されるので今回は説明を省略いたします。
今回は主に②の方の配信者向けのセットアップを説明していきます。
ですので、今回の記事は少々配信者向けになっています。
それではこれからBTTVのインストールの説明を致します。
Better Twitch TVのインストール
現在、BTTVを使用できるブラウザーは以下の通りです。
・Chrome Edge Firefox Opera Safari
今回はChromeを用いて説明いたします。
まずはBTTVのホームページを開きます。
すると以下のような画面が表示されるので「Downlod for Chrome」をクリックします。
するとchromeのウェブストアに移動するので、「Chromeに追加」をクリックします。
以下のように再確認のポップアップが出ますので追加します。
するとChromeであれば右上の拡張機能の欄にBTTVのアイコンが追加されると思います。
これでインストールは完了です。
それではここからエモートの設定方法の説明に移ります。
Twitchでセットアップ
まずはTwitchを開いて自分のアカウントでログインします。
Twitchホームページで右上の自分のアイコンをクリックし各種設定変更の欄を表示すると、
BTTVの設定変更の項目が追加されていると思いますのでクリックします。
設定をクリックすると以下のようなウインドウが表示されますので
「Channel」のタグをクリックしBTTVにログインします。
以下のような認証画面が出てきますので「Authorize」クリックします。
すると以下のような画像が表示されるので「Go find Emotes」をクリックします。
追加できるエモートがたくさんありますので、追加したいエモートを選択します。
「Add to Channel」をクリックしエモートを追加します。
これでエモートの追加は完了です。
他にも追加したい時は右上の「プルダウン」をクリック→「Emotes」をクリックでエモートが表示されるので追加できます。
無料会員では最大15個のエモートを追加することができます。
もっと追加したいという方は月額料金、約500円支払うことで最大50個のエモートを追加できるようになります。
これでエモートの追加が完了しましたが、追加したエモートを使用するために
もう少しやることがあります。数秒で完了しますのでご安心ください。
「Setting」のタブを開きます。すると以下のようなページが表示されます。
「BetterTTV Emotes」と「BetterTTV GIF Emotes」をONにします。
これらの意味については以下の通りです。
BetterTTV Emotes
追加したエモートを使用可能にする
BetterTTV GIF Emotes
追加したGIFのエモートを使用可能にする
その他の項目はデフォルトのままで大丈夫です。
これでBTTVの設定は以上になります。お疲れさまでした。
Streamlabsでコメント表示の設定変更
ここからはStreamlabsで配信画面にコメントを表示している向けの内容になります。
BTTVのエモートはStreamlabsの設定で許可をしないと配信画面上に表示されないようになっています。
ですので、許可をしていない場合はチャット欄ではBTTVのエモートが問題なく表示されますが、配信画面上には表示されないということになってしまいます。
BTTVのエモートの表示を許可していない場合は設定の変更をしましょう。
まずはStreamlabsのマイページに移動します。
チャットボックスの設定変更画面に移動します。
「Extra Emotes」の「Enable BetterTTV Emotes」にチェックを入れます。
これでBTTVで追加したエモートが配信画面上にも表示されるようになります。
設定は以上になります。お疲れさまでした。
また、最後まで見ていただきありがとうございました。