新しいタブで開きます

わんコメ用テンプレートの使い方

わんコメへの追加から、OBSでのコメント表示まで。
初めて使うときの設定と、表示の確認方法を案内します。

対象:多幸演算のわんコメ用テンプレート更新日:

使うものを揃える

わんコメ用テンプレートは、配信のコメント欄の見た目を変えるファイルです。わんコメでコメントを受信し、OBSに表示して使います。

わんコメとOBSを起動し、配信を始めずに作業します。初めてわんコメを使う場合は、公式の導入ガイドでセットアップも確認してください。

必要なソフトのバージョンや利用条件は、各商品の配布ページで確認してください。

1テンプレートを追加する

  1. 入手したZIPをすべて展開します。
  2. 同梱の説明を確認し、追加するテンプレートのフォルダーを選びます。色やデザインごとに分かれている場合は、使いたいものを選びます。
  3. わんコメ右上の「…」から「テンプレート」を開きます。
  4. 選んだフォルダーを、テンプレート一覧へドラッグ&ドロップします。
  5. 一覧に追加したテンプレートが表示されることを確認します。

2OBSに配置する

  1. わんコメの一覧で、追加したテンプレートを選びます。
  2. 「ここをドラッグしてOBSに入れる」の部分を、OBSのプレビューへドラッグ&ドロップします。
  3. OBSのソース一覧に、ブラウザソースが追加されることを確認します。
  4. 配置したい位置へ移動し、大きさを調整します。コメントがまだない場合は、後のテストコメントで確認します。

枠の幅・高さはブラウザソースのプロパティで調整できます。配信画面上での拡大・縮小と、ソース自体の幅・高さは別の設定です。まずテストコメントを表示し、読みやすさを見ながら調整します。

操作の基本はわんコメ公式:OBSにコメントを表示を参照しています。メニュー名や位置は使用する版によって異なる場合があります。

3表示設定を確認する

配布ページや同梱の説明に、OBSの表示設定の指定があるか確認します。指定がある場合は、追加したブラウザソースに設定してください。

夜色パステルは、OBSのソース一覧でブラウザソースを右クリックし、「ブレンド方法」→「SRGBオフ」を選びます。コメントの縁や飾りのまわりが、背景に自然に重なるか確認してください。

4テストコメントで確認する

配信を始める前に、わんコメのコメントテスターを使って表示を確認します。

  1. わんコメ右上の「…」から「コメントテスター」を開きます。
  2. 名前と短いコメントを入力して「送信」し、OBSのコメント欄に現れるか確認します。
  3. 長めの文章も試し、改行・文字の大きさ・画面からのはみ出しを確認します。
  4. 何件か続けて送り、コメントの追加と入れ替わり、周囲の配信画面との重なりを見ます。

支援コメントや加入コメントに対応するテンプレートは、テスターのサイト・ギフト等の設定で見本も確認できます。実際の配信サービスで届くイベントと同じであることまで、このテストだけで確認できるわけではありません。

文字が読めて、装飾が切れず、配信の主役を隠さない位置になれば、配置の確認は完了です。実際の配信を表示するときは、わんコメで対象の配信に接続し、表示したい枠の「書き出し」設定も確認してください。

うまく表示されないとき

テンプレート一覧に追加されない

ZIPを展開し、テンプレート一つ分のフォルダーを選んでいるか確認します。複数のテンプレートをまとめた親フォルダーや、HTMLファイルだけを選ばないでください。フォルダー内のファイルが揃っているかも確かめます。

OBSへドラッグできない

わんコメとOBSのどちらか一方だけを管理者として起動していないか確認します。起動時の権限が異なるとドラッグできない場合があります。再起動が必要なら配信や録画を終えてから行ってください。

OBSにコメントが出ない

わんコメを起動し、OBSでブラウザソースの表示が有効か確認します。まずコメントテスターで試し、実配信だけ出ない場合は、わんコメの接続と「書き出し」設定を確認します。

ブラウザで見本が見えるだけでは、わんコメとの接続確認にはなりません。問題が続くときはわんコメ公式の表示トラブルの確認手順も参照してください。

透過のまわりが濁る

配布説明に透過設定の指定があるか確認します。夜色パステルは「ブレンド方法 → SRGBオフ」の手順を確認してください。

コメントや飾りが切れる・文字が小さい

ブラウザソースの幅・高さ、OBS上の拡大率、切り抜き設定を確認します。長文と加入コメントを表示し、装飾も含めて収まるように調整してください。

フォントや画像が見本と違う

ZIP内の画像や設定ファイルを、一部だけ移動していないか確認します。Webフォントを使うテンプレートでは、通信状態によって別のフォントで表示される場合があります。

解決しない場合は、BOOTHでのお問い合わせへ。連絡時に添える情報と、メッセージの送り方を案内しています。テスターでの結果もお知らせください。