チャットポップアップ

チャットポップアップ・イメージ

コメントを特定エリアにポップアップさせる

「チャットポップアップ」ウィジェットを使えば、指定した特定のエリアにコメントがポップアップするような見た目のコメント表示が実現できます。

チャットポップアップ

上図のような見た目のコメント表示を実現する方法について以下で説明します。

導入のための設定

1. CastCraftデスクトップ版をインストール

まずはCastCraft公式サイトにアクセスし、CastCraftのデスクトップアプリをダウンロードしてください。

CastCraftをダウンロード

ダウンロードしたファイルをダブルクリックすると、インストールがはじまります。

2. ログイン

CastCraftを起動したら、「CastCraftにログイン」ボタンを選択してログインしましょう。
ログインするアカウントは、YouTube Liveを行うアカウントでログインしてください。
CastCraft導入手順④

ログイン時に「不明なエラー」等が表示されてログインできない場合  

CastCraftの「YouTube」タブに切り替えて、YouTube Studioが表示されていることを確認しましょう。

YouTubeタブで、CastCraftにログインしたものと異なるYouTubeチャンネルが表示されている場合は、YouTube Studioの右上のアイコンをクリックして正しいアカウントに切り替えてください。
CastCraft導入手順⑤

3. Screen機能のインストール

Screen機能を使うには追加のインストールが必要です。 CastCraftのScreenタブからダウンロード後、ダウンロードフォルダ内のインストーラをダブルクリックして導入してください。

その後、CastCraftのScreenタブにてScreen機能が正常に起動したらインストール成功です。

(※初回の起動には時間がかかります)

4. ScreenをOBS等に追加

OBS等にて「映像キャプチャデバイス」(もしくは「ビデオキャプチャデバイス」)ソース を追加し、デバイス選択で「CastCraft Screen」を選択(下図)
OBS_video_capture_device

映像キャプチャデバイスに「CastCraft Screen」の表示がされない方は、NDI経由でOBSに出力する方法をお試しください。

5. 「チャットポップアップ」ウィジェットを追加

CastCraft Screenクラフトモードの「ウィジェット設定」にて「チャットポップアップ」ウィジェットを追加します。
チャットポップアップウィジェットを追加

6. デモメッセージをONに

「デモメッセージを流す」と言うトグルをONにしてみてください。配信中のチャットポップアップが画面上にどのように表示されるかが見られます。

デモメッセージを流す   

表示させたくないウィジェットは「ウィジェット設定」のウィジェット一覧から削除することができます
チャットポップアップとチャットボックスは同時に使うことはないと思いますので、ウィジェット一覧からどちらかを削除するか、画面右上の「+」ボタンからシーンを追加して、シーンを使い分けることを検討しましょう

7. 位置と大きさの調整

チャットポップアップ・ウィジェットの緑枠を調整して、コメントが表示される位置と大きさを調整しましょう。
チャットポップアップの位置と大きさの調整

8. 背景スタイル設定

ウィジェット一覧の「設定」ボタンからチャットポップアップ設定に入り、「背景スタイル設定」パネルを開いた後、下記の設定を行います。

  • フレームの選択: 「Simple Frame」を選択
  • ボーダーの幅: 「2」を入力
  • ボーダー色: 好きな色を設定
  • 角の丸み: 4つすべてに「10」を入力

背景スタイル設定

9. レイアウト設定

次に、「レイアウト設定」パネルを開き、下記の設定を行います。

  • レイアウト選択: 「タイプ2」を選択

レイアウト設定

10. 視聴者アイコン設定

最後に、「視聴者アイコン設定」パネルを開き、下記の設定を行います。

  • 縁の太さ: 「2」を入力
  • 縁の色: 先ほど背景フレームで選択した色と同じ色を設定
  • オフセット: X, Yともに「-20」を入力

視聴者アイコン設定

以上の設定で、冒頭に示した見た目が実現できます。

配信で実際に使うときは、デモメッセージをOFFにして、クラフトモードからキャストモードに切り替えておくのを忘れないようにしましょう

配信での活用

11. 配信前にScreenを起動

Screenでの画面演出を使うには、配信前にScreenタブをクリックして起動しておく必要があります。

12. CastCraftの「YouTube」タブから配信を開始

CastCraftのYouTubeタブから配信を開始しましょう。

ライブ配信接続手順①

その後、OBS等の配信ソフトウェアで配信を開始しましょう。

ライブ配信接続手順②

13. 「Live Dashboard」タブで配信に接続

YouTubeタブから配信を開始したら、自動で「Live Dashboard」タブでも配信に接続され、コメントの取得が開始されます。

コメントを活用したCastCraftの様々な機能を使うためには、こちらのコメント取得が基本として必要です。

ライブ配信接続手順④

自動で接続されない場合、Live Dashboard内の緑色の「配信に接続」ボタンを押しましょう。

この際、URLの入力を行う必要はございません。

トラブルシューティング

Screenで問題が生じた場合

Screenで問題が生じた場合

Screenで画面動作が重い場合

Screenで画面動作が重い場合

ウィジェットの光加減を調整したい場合

ウィジェットの光加減を調整したい場合

Screenでチャットボックスを表示させたくない場合

  • デフォルトの状態だと、CastCraftでコメントを取得するとScreen画面上でコメントが流れます(参考:「触れるコメビュ」機能)
  • 流れるコメント欄をScreenで表示させたなくない場合は、クラフトモード > ウィジェット設定 > 「チャットボックス」右側のメニューをクリック > 「削除」をクリックして、ウィジェットを削除します 

チャットボックスウィジェットを削除

  • ウィジェット一覧の右側にある「+」ボタンから、ウィジェットは再び追加できます