配信の画面に重ねる（OBS）

アルファ版（2026 年 10 月時点）の内容です。予告なく変更される場合があります。

ESKEES で作った作品を、OBS の「ブラウザ」ソースで配信の画面に重ねて表示できます。背景は透明になるので、カメラやゲームの映像の上にキャラクターや演出だけが表示されます。

Twitch のコメント・Bits・サブスク・レイドに反応させることもできます（4. コメントに反応させる）。YouTube のコメントには、PC で動かす中継を通して反応させます（YouTube のコメントに反応させる）。

1. 作品を用意する

配信に重ねる作品は、背景を描かずに作ります。キャンバスに背景の画像を配置すると、その部分は透明になりません。

ESKEES Studio の「エクスポート ▾」→「OBS 用としてエクスポート（背景が透明な HTML）」で、作品名-obs.html を保存します。
OBS の「ソース」の「＋」→「ブラウザ」を選び、新しいソースを作ります。
「ローカルファイル」にチェックを入れ、保存した HTML を選びます。
「幅」と「高さ」を配信の画面と同じ（例: 1920 と 1080）にします。
作品の音を OBS で扱う場合は、「OBS で音声を制御する」にチェックを入れます。音声ミキサーに表示されます。

作品は HTML の中に入っているので、インターネットに接続していれば、そのファイルだけで動きます（再生エンジンは ESKEES Player の CDN から読み込みます）。

作品をアップロード済みの場合は、OBS のブラウザソースの URL に次を入れます。

https://showcase.eskees.com/overlay?src=（作品の URL）

src は .eskx / .emg の URL です。eskees share で表示されるファイルの URL や、公式サンプルの URL はそのまま使えます。自分のサーバーに置いたファイルは、CORS の許可が必要です。
&fit=contain（収める。既定）/ cover（はみ出す）/ stretch（引き伸ばす）で、画面と作品の比率が違うときの合わせ方を選べます。
セーブデータは残りません（配信のたびに最初から始まります）。
開けないときは、左下に赤い帯で理由が表示されます。

試しに表示するには: https://showcase.eskees.com/overlay?src=https://showcase.eskees.com/official/starter.eskx（公式サンプル。このサンプルには背景があります）

Twitch のチャットにはログインなしでつながります（読み取りだけで、書き込みはしません）。

ESKEES Studio の下部パネル「リアクション」で「＋リアクション」を押し、きっかけ（コメント・ギフト（Bits）・メンバー（サブスク）・レイド）と、再生するもの（アニメーション・パーティクル・音・文字など）を選びます。
文字には {user}（名前）・{text}（コメント）・{amount}（金額）を入れられます。例: {user} さん、ありがとう！
「試す」を押すと、配信につながずにダミーのイベントを流して、テストプレイで反応を確認できます。
「Twitch」の欄に自分のチャンネル名（twitch.tv/ の後ろ）を入れて「つないで試す」を押すと、実際のチャットでテストプレイが反応します。
そのまま「OBS 用としてエクスポート」すると、HTML がそのチャンネルにつながります。

URL で使う場合は、&twitch=チャンネル名 を付けます。例: https://showcase.eskees.com/overlay?src=（作品の URL）&twitch=mychannel
エクスポートした HTML でも、ファイルの URL に ?twitch=チャンネル名 を付けると、そちらを優先します。
Bits は 1 Bit = 1 円として扱います（金額の条件の目安）。
チャンネルポイントは、文字を入力する報酬だけが届きます（報酬の名前ではなく ID になります）。フォローは届きません。
つながらないときは、左下に赤い帯で表示され、自動でつなぎ直します。
スクリプトでは on live chat・on live gift と live.user・live.text・live.amount で、細かい動きを書けます。
紙吹雪・キラキラ・ハートなどは下部パネル「パーティクル」で、コメントの文字を動かして見せる演出は「文字の演出」（JIZURA）で作り、リアクションから選びます。