CastCraftとOBSの連携方法｜コメント表示の設定手順と映らないときの対処法
CastCraftのOBSへの設定手順を知っておくと、視聴者のコメントや画面演出をリアルタイムで画面に映し出せます。
設定を誤ると配信中にコメントが表示されないトラブルが起きるため、正しい連携手順と対処法を押さえておきましょう。
本記事では、CastCraftとOBSを連携させてコメントを配信画面に表示する方法を解説します。インストールからOBSへの反映、映らないときの解決策まで網羅しているので、ぜひ参考にしてください。
目次
CastCraftを使うと配信が彩る
CastCraftは、YouTube・Twitchの配信画面をコメント演出で華やかに変えるツールです。
視聴者のコメント管理からOBSへの表示、音声読み上げまで一括で対応しており、配信のクオリティを大きく引き上げられます。
CastCraftで利用できる主な機能は、次のとおりです。
- コメントのOBS表示（チャットボックス）
- コメントの音声読み上げ（VOICEVOX・棒読みちゃん連携）
- 投げ銭やコメントに反応する画面演出（画像・GIFエフェクト）
- 初見リスナーの「NEW」ラベル表示と会話履歴の蓄積
- 名前変更履歴の追跡やニックネーム編集
- アニメーション付きテロップを流せるメッセージボード
- コメント集計によるアンケート機能
配信中のコメントをリアルタイムで画面に反映できるだけでなく、投げ銭の金額や色ごとに演出を分岐させる設定も可能です。
視聴者の名前変更履歴を自動で追跡する機能もあり、常連リスナーとのコミュニケーションにも役立ちます。
CastCraftとOBSの連携方法
CastCraftとOBS Studioの連携手順は、次のとおりです。
- CastCraftをインストールする
- チャットボックスを作成する
- OBS Studioに表示する
手順ごとに詳細を解説するので、参考にして連携しましょう。
CastCraftのインストール
まずはCastCraftをインストールする手順を紹介します。
公式サイトからダウンロードして、任意のアカウントでログインするのみなので、設定してみてください。
1.公式サイトからCastCraftをダウンロードする
CastCraftの公式サイトにアクセスして、インストーラーをダウンロードしてください。
トップページにあるダウンロードボタンをクリックすると、ダウンロードページに移行します。
ダウンロードページに移行したら、使用しているPCのOSに合うものをダウンロードしてください。
インストーラーがダウンロードされるので、起動してインストールまで完了させましょう。
2.YouTube or Twitchアカウントでログインする
CastCraftを起動すると、最初にログイン画面が表示されます。
メールアドレスでもログインできますが、アカウント連携も同時に済ませるために配信用のYouTube/Twitchアカウントでのログインがおすすめです。
YouTube/Twitchアカウントでのログインをクリックすると、それぞれログイン情報を入力する画面が表示されるので、ログインしてください。
ログインが完了したら、右上のアイコンが正しい配信用アカウントでログインされているか確認してください。
チャットボックスを作成する
CastCraftの準備が整ったら、まずはコメント欄を画面に表示するためのチャットボックスを作成してみましょう。
手順は、次のとおりです。
- Live Dashboardから作成する
- チャットボックスのデザインを編集する
チャットボックスは配信画面にコメントを表示できる機能で、視聴者もコメントを見ながら配信を楽しめるメリットがあります。
1.Live Dashboardから作成する
画面の下にあるチャットボックスの「配信に表示する」ボタンをクリックしてください。
続いて、チャットボックスの作成ボタンをクリックします。
作成ボタンをクリックすると、左側のペンマーク（編集ボタン）が有効になるので、クリックして編集画面に移行しましょう。
作成画面に移行したら、コメントの表示方法やデザインを設定してください。
2.チャットボックスのデザインを編集する
チャットボックスのデザインを編集すれば、チャンネルの雰囲気に合うものを作成できるので、挑戦してみましょう。
初めてでデザインに自信がない方は、テンプレートから選択するのみでも十分オリジナリティの高いチャットボックスを用意できます。
それぞれの編集項目は、次のとおりです。
- 基本設定：オーバーレイ設定名を保存できる
- プレビュー：カスタムしたチャットボックスを確認できる
- テーマ：プリセットからデザインを選べる
- 文字の設定：文字の大きさ、色、フォント、縁取りの有無を選べる
- 投稿者名の表示：表示の有無、ニックネームによる表示を選べる。文字の大きさや色、- フォント、縁取りの有無も選択可能
- 出現アニメーション：コメントが表示されるアニメーションを選べる。アニメーションのスピードも設定可能
- 消失アニメーション：コメントが消えるときのアニメーションを追加できる。コメントをずっと画面に残しておきたくないときに活用
- 吹き出し：コメントに背景を付けている場合に、テンプレートでカスタマイズできる。色の変更も可能
とくにフォントの色やサイズは視認性を左右するので、スマホ表示でも見やすいサイズに調整しましょう。
上級者向け：テンプレートをカスタマイズする
CastCraftのチャットボックスは、完全オリジナルのデザインにも対応可能です。
htmlとcssでの編集に対応しているので、一からデザインを編集したい方に向いています。
AIを活用すれば、誰でもhtmlやcssのコードを作成可能なので、自分だけのチャットボックスデザインが欲しい方は、挑戦してみてください。
たとえば、以下のような命令文を出してみましょう。
CastCraftで使用するチャットボックスのデザインをhtmlで一から構築してください。
##元のhtml
出力されたhtmlとcssを「テンプレートのカスタマイズ」に貼り付けたあとにプレビュー画面で確認してみましょう。
1回で完璧なものができなくても、AIにその都度直してほしい部分や要望を伝えることで、オリジナルのチャットボックスを作成可能です。
OBS Studioに表示する
チャットボックスを作成したら、OBS StudioとCastCraftを連携させて配信画面に表示しましょう。
OBS Studioのシーンにブラウザソースを追加するのみなので、手順を参考に進めてみてください。
1.ブラウザソースを追加する
OBS Studioを起動し、ソースの「+」ボタンから「ブラウザ」を追加してください。
わかりやすい名前のほうがソースを管理しやすくなるので、「チャットボックス」や「コメント欄」などに設定しておきましょう。
追加するとプロパティが表示されるので、CastCraftを開いてURLをコピーしましょう。
2.URLをコピペしてサイズを調整する
CastCraftのチャットボックス編集ページを開いて、保存を押してからプレビュー用のURLをコピーしてください。
コピーしたURLをOBS Studioのブラウザソースに貼り付けましょう。貼り付けた際に、幅や高さなども調整して、チャットボックスが表示されるか確認してください。
OKボタンを押してプロパティを閉じ、画面に表示されていれば完了です。実際に配信する際は、プレビュー用ではないほうのURLをコピーして貼り付けてください。
保存したチャットボックスは、CastCraftのメニューにある「オーバーレイ」の中に保存されています。
複数のチャットボックスを作成する際は、判別できるよう名前を付けておくと管理しやすくなります。
CastCraft ScreenでOBSと連携する
CastCraftのScreen機能を活用すれば、チャットボックスだけでなく画面演出もOBS Studioで表示できます。
CastCraft Screenでできることと、それぞれのやり方を解説するので参考にしてみてください。
CadtCraft Screenでできること
CastCraft Screenでは、次のことができます。
- チャットに反応する自動の画面演出
- チャットボックスの表示
- アンケート欄・スパチャの通知
どの機能も視聴者を楽しませることができる機能です。また、ほかの配信者と差別化したい方にもおすすめの機能なので、ぜひ活用してみてください。
チャットに反応して自動で画面演出を表示できる
CastrCraft Screenのエフェクトを設定すると、チャットに反応して自動で画面演出を表示できます。
たとえば、「こんにちは」とコメントをもらうと、テキストが画面に流れたり、設定した画像をスタンプのように表示可能です。
会話の最中やゲームの展開でコメントを拾えないときでも、無視してしまうような状況を回避できます。
利用できるエフェクトは25種類以上あり、クリスマスやバレンタイン、ハロウィンなどのイベントにも活用しやすい素材が用意されています。
チャットボックスを表示できる
通常のチャットボックスだけでなく、CastCraft Screenでもチャットボックスを表示可能です。
通常のチャットボックスと異なり、Screen上で直感的にサイズやデザインを変更できます。それぞれメリットがあるので、任意のほうを選んで活用しましょう。
アンケート欄や投げ銭通知も表示できる
Screen機能の中には、アンケート欄や投げ銭通知にも対応できるエフェクトが含まれています。
YouTubeやTwitchで配信中にアンケートを取りたい方や投げ銭通知を表示する際、デフォルトの機能ではなく、配信画面に表示できる機能です。
設定すれば、オシャレなデザインの質問箱や投げ銭の通知を表示できるので、快適な配信にしたい方は活用しましょう。
CastCraft Screenの設定手順
CastCraft Screenは、CastCraftをインストールすれば利用できます。
次の手順で設定してみましょう。
- Screenを起動する
- 画面演出を設定する
- OBS Studioに映像キャプチャデバイスソースを追加する
- CastCraft Screenを表示する
エフェクトの設定方法は各エフェクトにより異なるものの、基本的には条件設定とデザインの設定になるので、調整してみましょう。
1.Screenを起動する
まずは上部のタブからScreenを起動しましょう。
起動すると編集画面が開くので、表示させたい演出を設定してみましょう。
2.画面演出を設定する
画面演出は多岐にわたるので、チャットボックスや画面演出を一つずつ設定していきましょう。
チャットボックスは、プリセットから選択したあと、好みのデザインにカスタマイズできます。
チャットボックスの背景や視聴者名の表示設定などができるので、オリジナルのデザインにカスタマイズしてみましょう。
続いて、画面エフェクトを設定します。右上のエフェクトを追加ボタンをクリックし、「文字スタンプ」を追加してみてください。
文字スタンプを追加したら、チャットに反応する条件タブを開いて、条件を追加します。
条件設定の画面が開いたら、今回は「初見さんいらっしゃい！」という文字が初見の方が配信に参加した時点で流れるように設定してみましょう。
まず、対象タブを開いて「配信参加回数」に設定します。
続いて、回数タブに「1」を入力してから比較タブにて「と等しいとき」に設定してください。
作成ボタンを押したら、メッセージ内容を設定します。メッセージ内容に「初見さんいらっしゃい！」を入力して、ほかはデフォルトのままでOKです。
フォント設定やスタイル設定などを好みのデザインに調整したあと、メニュー上部の「実行」ボタンを押して確認しましょう。
また、デフォルトで追加されているエフェクトのボタンを押してみると、どのようなエフェクトが使用できるのか確認できます。
自分が思い描くシーンで実行も可能なほか、同じように条件を設定すればチャットに反応してエフェクトを表示できるので、ぜひ試してみてください。
3.OBS Studioに映像キャプチャデバイスソースを追加する
CastCraft Screenの設定を完了したら、OBS Studioにて「映像キャプチャデバイス」を追加しましょう。
チャットボックスのみの追加と異なり、ブラウザソースではない点に注意しましょう。
4.CastCraft Screenを表示する
ソースを追加したら、あとはCastCraft Screenを起動している状態で、CastCraft Screenを選ぶのみです。
サイズ調整についてはOBS上でおこなわず、CastCraft Screen側で設定してみてください。配信で映し出すときは、CastCraft Screenの「配信モード」に切り替えて、デモメッセージ出力をオフにしましょう。
OBSにCastCraftが表示されないときの対処法
CastCraftがOBS上に映らない場合は、接続状態の確認やソースの再設定で解決できるケースがほとんどです。
トラブルの原因は一つとは限らないので、順番にチェックしてみてください。
- Live Dashboardの接続状態を確認する
- オーバーレイURLを再コピーする
- ブラウザソースのキャッシュをクリアする
- ブラウザソースを再作成する
- OBS Studioのバージョンを確認する
- Screenの起動状態を確認する
それぞれの対処法を実践し、表示トラブルを解消しましょう。
Live Dashboradの接続状態を確認する
OBSにCastCraftのオーバーレイが表示されない場合、最初に確認すべきポイントはLive Dashboardの接続状態です。
配信を開始しただけではコメントの取得は始まらず、Live Dashboardで「配信に接続」ボタンを押す必要があります。接続の手順は次のとおりです。
- OBS Studioで配信を開始する
- CastCraftのLive Dashboardタブを開く
- 「Connect（配信に接続）」ボタンをクリックする
接続が正常に完了すると、YouTube・Twitchのコメントが即時に取得・表示されます。コメントが流れていれば、OBS側でもオーバーレイが反映されている状態です。
メンバー限定配信の場合は、Live Dashboard右下の三点メニューから「非公開またはメンバー限定配信に接続」をクリックしてください。接続ボタンを押し忘れているケースは非常に多いので、表示されないときは真っ先にこの操作を試しましょう。
オーバーレイURLを再コピーする
接続状態に問題がない場合、CastCraftのオーバーレイURLが古いまま残っている可能性があります。
チャットボックスのデザインを変更した際や、設定を保存し直した際にURLが更新されるケースがあるので、最新のURLを取得し直しましょう。
CastCraftのLive Dashboardからチャットボックスの設定画面を開き、「URLをコピー」ボタンをクリックしてください。コピーしたURLをOBS Studioのブラウザソースプロパティにある「URL」欄へ貼り付け直します。
このとき、古いURLが残ったまま末尾だけ追記してしまうミスが起きやすいので、欄内のテキストを全選択してから貼り付ける方法が確実です。
URLの差し替え後は、ブラウザソースプロパティの下部にある「現在のページを再読み込み」ボタンをクリックしましょう。
再読み込みをおこなうと、変更した設定が配信画面へ即座に反映されます。URLを貼り直しても表示が改善しない場合は、キャッシュの問題を疑ってください。
ブラウザソースのキャッシュをクリアする
OBSのブラウザソースには古いデータがキャッシュとして残り、CastCraftの表示を妨げることがあります。
キャッシュをクリアすれば、最新の情報が再読み込みされて改善される可能性が高いので、試してみてください。手順は次のとおりです。
- OBS Studio上で、CastCraftを設定したブラウザソースを右クリックする
- 「プロパティ」を開く
- プロパティ画面の最下部にある「現在のページのキャッシュを更新」ボタンをクリックする
ボタンを押したあと、配信画面にコメントが正しく表示されるか確認してください。キャッシュの更新だけで改善しない場合は、OBS Studio自体を一度再起動してから再度確認しましょう。
ブラウザソースを再作成する
キャッシュのクリアでも改善しない場合は、ブラウザソースを一度削除して新規作成するのが最も確実な方法です。
設定ファイルの破損や内部エラーが原因のとき、既存ソースの修正では解決しないケースがあります。再作成の手順は次のとおりです。
- OBS Studioのソース一覧から、問題のあるブラウザソースを右クリックして削除する
- ソース欄の「+」ボタンから「ブラウザ」を選択する
- 「ソースを作成/選択」画面で「新規作成」を選び、わかりやすい名称を入力して「OK」をクリックする
- CastCraftのオーバーレイ管理画面からURLを再コピーし、URLフィールドに貼り付ける
- 幅と高さを配信レイアウトに合わせて調整し、「OK」で確定する
再作成時は、詳細設定にある「ハードウェアアクセラレーションを使用」のチェックを外してからOBSを再起動すると、表示トラブルを防げます。
複数のオーバーレイを使用している場合、「チャットボックス」「スパチャ通知」など用途がわかる名称をつけておくと管理しやすくなるので、意識してみてください。
OBS Studioのバージョンを確認する
OBS Studioのバージョンが古いと、ブラウザソースの動作に不具合が生じ、CastCraftが正常に表示されないことがあるので、確認しましょう。
バージョンの確認手順は、次のとおりです。
- OBS Studioのメニューから「ヘルプ」をクリックする
- 「OBS Studioについて」を選択する
- ポップアップ画面に表示されるバージョン番号を確認する
バージョンが古い場合は、公式サイト（obsproject.com）から最新版をダウンロードしてください。アップデート後にOBS Studioを再起動し、CastCraftのオーバーレイが正しく映るか確認しましょう。
Screenの起動状態を確認する
CastCraft Screenを使ってチャットボックスや画面演出を出力している場合、Screen自体が正常に起動していないとOBSに何も表示されません。
CastCraftデスクトップアプリの「Screen」タブを開き、Screenが動作しているか確認してください。
Screenが起動しているにもかかわらずOBS側で「CastCraft Screen」がデバイスリストに表示されない場合は、NDI経由での出力に切り替える方法もあります。
NDI Toolsをインストールしたうえで、OBSのNDIソースからCastCraft Screenを選択してください。
起動を確認できたら、上部バーを「配信モード」に切り替え、「デモメッセージを流す」トグルをONにしましょう。OBS上でコメントやエフェクトが正しくプレビューされれば、連携は正常に機能しています。
配信をさらに快適にする活用方法
CastCraftとOBSの連携設定が完了したら、CastCraftの便利機能を活用して配信の質を高めましょう。
コメント表示や画面演出だけでなく、視聴者管理や配信運営を効率化する機能が揃っています。活用したい機能は次のとおりです。
- 視聴者のメモ機能
- コメントの読み上げ機能
- 配信の種類ごとの表示切り替え
それぞれの機能を取り入れて、視聴者とのコミュニケーションをより円滑にしてください。
視聴者のメモ機能を活用する
CastCraftの視聴者メモ機能を使うと、視聴者ごとの交流履歴を永続的に保存できます。
配信中に視聴者名をクリックすれば詳細情報がポップアップで表示され、メモ欄から個別のメモを追加・編集可能です。
「初見で来てくれたファン」「よくスパチャをくれる常連」など、自由にメモを残しておけば、次回の配信で即座に呼び出せます。メモ機能で記録・管理できる情報は次のとおりです。
- 過去のコメント履歴
- 配信への参加回数
- スパチャの既読状況
- 自分で追加した個別メモ
初見の視聴者には「NEW」ラベルが自動で付与されるので、初見詐欺の防止やリピーターの識別にも役立ちます。
コメントの読み上げ機能を併用する
CastCraftには外部ソフトなしでコメントを読み上げる機能が搭載されており、配信中の視聴者対応をさらに効率化できます。
ゲーム画面に集中しながらコメントを音声で確認できるので、コメントの見落としを防げる点が大きなメリットです。
設定方法はシンプルで、デスクトップアプリ右下にあるチャット読み上げスイッチをONにするだけで有効化されます。読み上げの動作確認は、配信コメントの自動読み上げテスト機能で事前に実施しましょう。
また、CastCraft単体の読み上げだけでなく、棒読みちゃんやVOICEVOXとの連携にも対応しています。声質や読み上げ速度を細かく調整したい場合は、棒読みちゃんとの併用がおすすめです。
OBS側で音声出力キャプチャソースを追加し、棒読みちゃんの出力デバイスを指定すれば、音量ミキサーから読み上げ音声だけを独立して調整できます。
配信音声と読み上げ音声を分離して管理したい方は、この設定を取り入れてみてください。
配信の種類ごとに表示を切り替える
CastCraft Screenのクラフトモードを活用すれば、配信内容に合わせてチャット表示やエフェクトの設定を変更可能です。
雑談配信ではコメント欄を大きく表示し、ゲーム配信では画面の邪魔にならないよう小さめに配置するなど、場面に応じた調整が求められます。
CastCraft Screenには、チャットボックスやアンケート表示などのウィジェット機能と、流れ星・花火・文字スタンプといったインタラクション機能が搭載されています。
配信の雰囲気に合わせて表示する要素を選び、不要なウィジェットは非表示にしましょう。
OBSとの連携方法も、ブラウザソースとビデオキャプチャデバイスの2種類から選択可能なので、配信スタイルに適した方式を使い分けてください。
配信ごとに最適な画面構成を用意しておくと、視聴者にとって見やすい配信画面を維持できます。
CastCraft×OBSで最高の映像体験を提供しよう
CastCraftとOBSを連携すれば、コメント表示やリアルタイムエフェクトで配信画面を彩れます。
チャットボックスの作成からOBSへのソース追加まで、手順どおりに進めれば初めての方でもスムーズに設定できるツールです。
Screen機能を活用すると、視聴者のコメントや投げ銭に連動した画面演出も実現でき、配信の一体感が格段に高まります。
表示されないトラブルが起きた場合は、接続状態の確認やURLの再コピー、キャッシュのクリアを試してみてください。
NGワードフィルターや読み上げ機能、配信ごとの表示切り替えも組み合わせながら、自分だけの配信スタイルを構築していきましょう。
CastCraftとOBS連携のよくある質問
CastCraftのコメントをOBSに表示するにはどうすればよいですか？
CastCraftでチャットボックスを作成し、OBS StudioのブラウザソースにコピーしたURLを貼り付ければ表示できます。
CastCraftがOBSに映らないときは何を確認すればよいですか？
Live Dashboardの接続状態、オーバーレイURLの貼り直し、ブラウザソースのキャッシュ更新を順番に確認すると切り分けしやすいです。
CastCraft Screenはブラウザソースで追加しますか？
Screen機能はブラウザソースではなく、OBS Studioの映像キャプチャデバイスソースとして追加します。
コメント読み上げもCastCraftだけで使えますか？
使えます。CastCraft単体の読み上げ機能に加えて、棒読みちゃんやVOICEVOXとの連携にも対応しています。