EndRoll

OBSのカスタムCSSを設定することで可能です。ここでは、ダウンロード不要でWeb上から参照可能なWebフォントである「Google Fonts」の設定手順をご紹介します。

Google Fonts へアクセスし、任意のフォントを選択します。（例として、ここでは「Yomogi」フォントを設定していきます。）

画面右上のアイコンをクリックします。

「Get embed code」をクリックします。

「@import」を選択します。

表示された情報のうち、赤枠の部分をOBSのEndRollソースのカスタムCSSに、例を参考にして貼り付けて「OK」をクリックします。

• カスタムCSS欄に元から記載されている記述body～は残しておきます。
• font-familyの情報は、「#contents-line {}」の中に記述します。
• 他に自身でカスタムCSSを追記していた場合は、「@impoft～」が一番上になるようにします。

フォントが変更されることを確認します。フォントの種類によって、HASSHY TOOLSで設定したフォントスタイルが適用されなくなることもあるので、適宜再設定してください。

OBSのカスタムCSSを設定することで可能です。

OBSのEndRoll用ソースのカスタムCSSに、下記のサンプルソースコードを張り付けてみてください。（すでに記載されている他のカスタムCSSがある場合は上書きしないように気を付けてください。）

あとは自分の好きなように、表示する言葉を変えてみましょう！

OBSのカスタムCSSを設定することで可能です。

OBSのEndRoll用ソースのカスタムCSSに、下記のサンプルソースコードを張り付けてみてください。（すでに記載されている他のカスタムCSSがある場合は上書きしないように気を付けてください。）

あとは自分の好きなように、デザインを変えてみましょう！下記にいくつかサンプルを載せておきます。（気が向いて時間があれば増やしていきたい気持ち。。）

下線

div.title span { padding:0 .4em .2em; border-bottom: 3px solid #2589d0; }

1 2 3 4

div.title span {     padding:0 .4em .2em;     border-bottom: 3px solid #2589d0; }

斜めテープ風

div.title span { display: inline-block; position: relative; transform: rotate(-5deg); padding: .3em .5em; border-left: 2px dotted rgba(0, 0, 0, .1); border-right: 2px dotted rgba(0, 0, 0, .1); box-shadow: 0 0 5px rgba(0, 0, 0, .2); background-color: #fff; color: #333333; text-shadow: none; }

1 2 3 4 5 6 7 8 9 10 11 12

div.title span {     display: inline-block;     position: relative;     transform: rotate(-5deg);     padding: .3em .5em;     border-left: 2px dotted rgba(0, 0, 0, .1);     border-right: 2px dotted rgba(0, 0, 0, .1);     box-shadow: 0 0 5px rgba(0, 0, 0, .2);     background-color: #fff;     color: #333333;     text-shadow: none; }

追加テキスト内に「{stream.total_chatters}」という文字列を設定しておくことで、エンドロールを流した時に配信内累計視聴者数の数値に置換されます。

たとえば、「追加テキスト（前）」の値を次のようにすることで、上の画像のように置換されます。

また、EndRollを設定しているOBSのブラウザソースのカスタムプロパティで、下記のようなCSSコードを追記することで、視聴者数部分のフォントサイズの大きさ・色・アクションを設定できます。

現在行っている配信を視聴してくれた人間たちの累計数、、のつもりです。例を下記に示します。（言われたら当然と思われるかもしれませんが、要は同じ人を重複してカウントしないということを言いたいです。そして、コントロールパネルのEndRollの設定「除外ユーザー」で指定しているユーザーをカウントしません。）

• Aさん、Bさん、Cさんが見に来てくれた
  • →配信内累計視聴者数：3
• Aさん、Bさんが見に来てくれて、Aさんが途中で視聴をやめたが再度来てくれた
  • →配信内累計視聴者数：2

ちなみに配信が終わると、Twitchから「ユニーク視聴者数」や「最大視聴者数」などの配信の概要が記載されたメールが送信されます。本来はこの「ユニーク視聴者数」と数が一致するはずなのですが、一致しません。（EndRollの「配信内累計視聴者数」の数値の方が少ないです。）

Twitchの「ユニーク視聴者数」の定義はわからないのですが、EndRollの「配信内累計視聴者数」をより詳細に説明すると、「チャットに接続した人」の数をカウントしています。なので、おすすめ機能による自動ホストによる視聴や、配信プレビューによる視聴など、"配信に参加"していないような状況の場合はカウント対象にならないと思っています。コメントせずともチャットに接続（＝配信に参加）した人のみがカウントされるので、そういう意味ではよりリアルなデータとなっているとも言えるでしょう。

配信で流すEndRollや、コントロールパネル、OBSに配置したHASSHY TOOLSのドッグで確認可能なので、配信後に通知されるTwitchからのお知らせより前に、配信中にその数がわかるのはメリットかもですね。