チャットをOBSに追加する方法
標準で Twitch チャットそのままのスタイル、透過背景、色付きのユーザー名、バッジ、そしてすべての絵文字・チャットエモート・7TV エモートがインラインで表示されます。フォント・サイズ・色はすべて自由に設定でき、表示する件数や、メッセージが消えるかどうか・いつ消えるかも選べます。
所要時間は約2分
手順
- 1
ログインしてウィジェットを作成
Streamitiesのダッシュボードを開き、チャットを選んで作成します。今すぐデザインしても、初期設定のままでも構いません。オーバーレイURLはどちらでも動き、変更はそのつど反映されます。
- 2
オーバーレイURLをコピー
ウィジェットごとに固有のURLがあります。ダッシュボードのウィジェットページからコピーしてください。OBSに必要なのはこれだけで、URLは変わらないので作業は一度きりです。
- 3
OBSでブラウザソースを追加
シーンで「ソース → ブラウザ」を追加し、名前を付けてURL欄に貼り付けます。StreamlabsとXSplitにも同じ名前で同じ種類のソースがあります。
- 4
サイズを480 × 900に設定
幅に480、高さに900を入力します。あとから拡大するのではなく、ソース自体のサイズを指定してください。引き伸ばしたブラウザソースは文字がにじみます。OBSが完成した画像を拡大しているためです。
- 5
「表示されていないときにソースをシャットダウンする」のチェックを外す
この項目が有効だと、シーンが非アクティブになるたびにOBSがページを破棄し、ライブ接続も一緒に切れます。見た目はまさに「更新が止まったウィジェット」です。オフのままにして、チャットを好きな位置に置けば完了です。
推奨ブラウザソース設定
チャットの出発点であって決まりではありません。どのオーバーレイも与えられた枠に合わせて収まります。ここで幅と高さを設定し、そのあとはサイズを変えずにシーン内で配置してください。
- 幅
- 480
- 高さ
- 900
- 置き場所
- シーンの片側に沿って。横より縦に長いので、メインの映像の隣に収まります。
ソースの変形は100%のままにしてください。あとからブラウザソースを拡大すると、描画済みの画像を引き伸ばすことになり、オーバーレイの文字がにじむ原因になります。
知っておくと便利
標準で Twitch 風スタイル
透過背景、色付きのユーザー名、バッジ、追加した瞬間から Twitch チャットそのものの見た目です。
絵文字・エモート・7TVに対応
すべての絵文字・Twitchチャットエモート・チャンネルの7TVエモートが自動でインライン表示されます。
細部までカスタマイズ可能
ユーザー名とメッセージのフォント・サイズ・色、表示する行数、一定時間でメッセージを消すかどうかまで設定できます。
表示されないときは
ソースが真っ白または真っ黒のまま+
ソースを更新し（右クリック → 更新）、URLが最後まで貼り付けられているか確認してください。初回だけ黒く、更新すると正常になる場合は、たいていハードウェアアクセラレーションが原因です。OBSの「設定 → 詳細設定」で有効にしてください。
動いていたのに更新が止まった+
ほぼ確実に「表示されていないときにソースをシャットダウンする」です。有効だと、シーンを切り替えるたびにOBSがページを終了し、ライブ接続も一緒に切れます。ソースのプロパティでオフにしてください。
文字がぼやけて見える+
ソースが拡大されています。変形をリセットし（右クリック → 変換 → 変換をリセット）、代わりにソースのプロパティで幅と高さを指定してください。480 × 900が出発点のサイズです。
シーン内でサイズが合わない+
角のハンドルをドラッグするのではなく、ソースのプロパティで幅と高さを変更してください。ドラッグは描画済みの画像を拡大するだけで、プロパティは描画される内容そのものを変えます。
チャット：よくある質問
チャットは無料ですか？+
はい。どのプランでもチャットウィジェットを1つ、ライブ更新と標準デザイン付きで使えます。Creator+では各種類のウィジェットが無制限になり、デザインの全項目、アニメーション、プレミアムテンプレートも使えます。
チャットのブラウザソースは何ピクセルにすべきですか？+
まずは480 × 900ピクセルから。シーン内でソースを拡大するのではなく、ソースのプロパティで指定してください。ウィジェットは与えられた枠に自分で収まります。
チャットはStreamlabsやXSplitでも使えますか？+
はい。チャットはごく普通のウェブページなので、ブラウザソースやウェブオーバーレイに対応した配信ソフトなら動きます――OBS Studio、Streamlabs、XSplitなど。
チャットの設定にはどれくらいかかりますか？+
2〜3分です。ダッシュボードで作成し、URLをコピーし、ソースに貼り付けるだけ。デザインは後から、配信中でも、OBSに触れずに変更できます。
プラグインのインストールは必要ですか？+
いいえ。ダウンロードするものも、更新し続けるプラグインもありません。チャットはURL一本で、更新は私たちの側で行われます。