Stream DeckでOBSのグラフィックを操作：1グラフィックに1ボタン
Stream Deck 用の OBS プラグインは、シーンを切り替えたりソースを非表示にしたりできます。しかしグラフィックの文字を変えることはできません。このガイドでは、それができるキーを設定します。名前テロップ、ホームのゴール、試合時計、台本の次の項目 — どれもワンプッシュで、各キーには自分のグラフィックがオンエア中かどうかが表示されます。
シーン切替とグラフィック操作の違い
多くの人は、Stream Deck から画像ソースの表示・非表示を切り替えるところから始めます。グラフィックの文字を変える必要が出てくるまでは、それで足ります。新しいゲスト、新しいスコア、別の見出し。結果としてバリエーションごとにソースが1つずつ増え、同じ見た目のボタンで Stream Deck が埋まってしまいます。
グラフィックエンジンを使うと、この構図が逆転します。OBS が持つのは透過のブラウザソース1つだけで、ボタンは OBS ではなくグラフィックエンジンに話しかけます。キーが伝えるのはテロップを出す、ホームのスコア +1 といった指示で、アニメーションと文字はエンジンが処理します。OBS は何も知る必要がありません。
必要なもの
- 配信用 PC で動いている CueFinch と、ブラウザソースとして OBS に追加した出力ページ（追加方法）。
- Stream Deck（Stream Deck Mobile を含め、どのモデルでも可）と、Elgato の無料 Stream Deck アプリ バージョン 7.1 以降（Windows 10 以降または macOS 12 以降）。
- CueFinch の Stream Deck プラグイン — アプリ内の 準備 → 接続 からダウンロードします。
設定手順
- CueFinch で 準備 → 接続 を開き、キーを生成してオンにする を押します。ボタンが使うローカルの HTTP API がオンになります。キーがなければオフのままです。
- STREAM DECK プラグイン カードで プラグインをダウンロード を押し、
CueFinch.streamDeckPluginファイルをダブルクリックします。Stream Deck アプリがインストールし、アクション一覧に CueFinch カテゴリが現れます。 - 任意の CueFinch アクションをキーにドラッグします。設定の上部にある 接続 欄にサーバーアドレスを入力します。Stream Deck と CueFinch が同じ PC にあれば
http://localhost:5275、別の PC ならそのネットワークアドレスだけで十分で、ポートは自動で補われます。続けて API キーを貼り付け、接続テスト を押して確認します。入力は一度だけで、ほかのキーはすべて同じ設定を使います。 - キーの動作を選びます。グラフィックを出す・消す、スコアを変える、時計を操作する、試合イベントを出す、台本を進める、すべてを消去する、のいずれかです。
- CueFinch の 配信 ページを開き、配信中は開いたままにします。ボタンを押すと、そのページが自分のボタンをクリックされたときとまったく同じように処理します。
試合で使えるキー配置
サッカー実況の配信なら、15キーで十分まかなえます。実戦で使える配置の一例：
- 上段：スコアバグ オン/オフ · 試合時計 スタート/ストップ · スタメン · すべてクリア。
- 中段：ホームのゴール · アウェイのゴール · ホーム −1 · アウェイ −1（取り消されたゴール用）。
- 下段：イエローカード · レッドカード · 選手交代 · 名前テロップ · 台本の次の項目。
すべてクリア は、焦っているときに押すキーから離して隅に置きましょう。ワンプッシュですべてのグラフィックを消します。緊急時にはまさに必要な機能で、うっかり押したときにはまさに避けたい機能です。
オンエア中の状態がわかるキー
プラグインは画面に何が出ているかを CueFinch に問い合わせ続けます。Stream Deck + ではダイヤルでスコアを変えられます。回すと1点ずつ、押すと設定したステップ分です。グラフィックのキーはそのグラフィックがオンエア中のあいだ赤くなり、スコアのキーは現在のスコアを、時計のキーは経過時間を表示します。話しながら手元に目を落とせば、どのボタンがあるかだけでなく、放送の今の状態がわかります。
CueFinch が閉じている、配信ページが開いていない、キーが間違っている、といった場合、キーは黙って何もしないのではなく警告を表示します。
Bitfocus Companion などのコントローラー
すべてのアクションは普通のウェブアドレスでもあるので、HTTP リクエストを送れるものなら何でもグラフィックを操作できます。Bitfocus Companion では Generic HTTP 接続を追加し、ボタンに http://localhost:5275/api/v1/object/score/toggle のような GET アクションを設定して、キーを X-Api-Key ヘッダー（または URL の ?key=）で渡します。Companion がすでに ATEM スイッチャーを操作しているスタジオでは、これが定番のやり方です。
Stream Deck を持っていなくても大丈夫です。内蔵のスマホ・タブレット用リモコンなら、同じボタンをタッチスクリーンで使えます。
トラブルと対処
- キーに「接続なし」と出る。同じ PC のブラウザでサーバーアドレスを開いてみてください。何も表示されなければ、CueFinch が起動していないか、別のポートを使っています。
- 「パネル閉」。配信ページが開いていません。ブラウザで開き、タブを開いたままにしてください。
- 「キー不正」。API キーが再生成されています。新しいキーを、どれか1つの CueFinch キーの設定に貼り付けてください。
- Stream Deck が別の PC にある。
localhostの代わりに配信用 PC のネットワークアドレス（準備 → 接続 に表示されています）を使い、Windows ファイアウォールでプライベートネットワークのポート 5275 を許可してください。
グラフィックを指先で操作しよう。 無料ベータをダウンロードし、API キーを生成すれば、数分で最初のキーを設定できます。
無料ベータをダウンロード