For the complete documentation index, see llms.txt. This page is also available as Markdown.

オーバーレイ設定

CI.MEではチャット、チャットBeam、ミッション目標、動画Beam、エフェクトの5種類を提供しています。StudioでURLをコピーしOBSにブラウザソースとして追加し、720×1080pxなどの推奨サイズに合わせます。


概要

オーバーレイは、チャットやBeamアニメーション、各種ウィジェットなど、配信画面上に表示される要素です。 オーバーレイを適切に設定することで、より魅力的で視聴しやすい配信演出を行うことができます。

現在、CI.MEでは以下の5種類のオーバーレイを提供しています。

チャットオーバーレイ
チャットメッセージ、Beam、サブスクメッセージなど、視聴者のアクティビティを表示します。

チャットBeamオーバーレイ

チャットBeam、ミッションBeam、サブスクメッセージ、サブスクギフトの4種類のアニメーションやエフェクトを表示します。

ミッション目標オーバーレイ

ライブミッションの進行状況や目標を表示します。チャットBeamオーバーレイにもBeamの内容は表示されますが、ミッション目標はこのオーバーレイで個別に表示されます。

動画Beamオーバーレイ

動画Beam時のアニメーション、エフェクト、メッセージを配信画面上に表示します。

エフェクトオーバーレイ

サブスクギフトや応援Beamのアニメーション・エフェクトを表示します。サブスクギフトは、チャットBeamオーバーレイとエフェクトオーバーレイの両方に表示されます。

オーバーレイの設定方法

オーバーレイ設定ガイドの4ステップ図。OBSにブラウザソースを追加してURLを貼り付け、幅と高さを設定し、シーンがアクティブになるとブラウザを更新にチェックを入れ、テストアラートで確認する流れ

配信でオーバーレイを利用するには、CI.ME Studioで発行したオーバーレイURLをOBSに追加する必要があります。

例えば、チャットオーバーレイを設定する場合は、以下の手順で設定します。

  1. CI.ME Studioで [ライブ配信] → [配信設定] を開き、「チャットオーバーレイ」横の [管理設定] をクリックします。

  2. オーバーレイURLをコピーします。

  3. OBSで [ソース] → [追加] → [ブラウザ] を選択します。

  4. コピーしたURLを貼り付けます。

  5. サイズを 720 × 1080 に設定します。

  6. キャンバス上で位置やサイズをお好みに合わせて調整してください。

推奨オーバーレイサイズ

各オーバーレイには、OBSで使用する際の推奨サイズがあります。

チャットオーバーレイ
720 × 1080 px

チャットBeamオーバーレイ

800 × 840 px

ミッション目標オーバーレイ

幅 560 px

動画Beamオーバーレイ

690 × 642 px

エフェクトオーバーレイ

1920 × 1080 px

よくある質問

Q. チャンネル名を変更した場合、オーバーレイの更新は必要ですか?

はい。チャンネル名を変更した場合は、変更内容を反映するため、OBS上のオーバーレイを更新(再読み込み)する必要があります。

更新日:2026年7月6日

最終更新

役に立ちましたか?